`

xhtml mp的事件支持测试

    博客分类：
  • wap
XHTMLAjaxMobileJavaScript浏览器 
阅读更多

以下是xhtml mp支持的事件，其中onload和onclick事件是规范规定浏览器必需支持的，其它为可选。具体哪种元素支持哪些事件，因浏览器不同而不同，可以修改以下代码进行测试。还附加了个XMLHttpRequest对象检测。

  1. <?xml version="1.0" encoding="UTF-8"?>  
  2. <!DOCTYPE html PUBLIC "-//OMA//DTD XHTML Mobile 1.2//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd">  
  3. <html xmlns="http://www.w3.org/1999/xhtml">  
  4. <head>  
  5. <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />  
  6. <title>DOM Events Test For XHTML Mobile Profile</title>  
  7. </head>  
  8. <body>  
  9. ajax:<label id="ajax"></label><br />  
  10. onload:<label id="load"></label><br />  
  11. onunload:<label id="unload"></label><br />  
  12. onclick:<label id="click"></label><br />  
  13. ondblclick:<label id="doubleclick"></label>  
  14. onmousedown:<label id="mousedown"></label><br />  
  15. onmouseup:<label id="mouseup"></label>  
  16. onmouseover:<label id="mouseover"></label><br />  
  17. onmousemove:<label id="mousemove"></label>  
  18. onmouseout:<label id="mouseout"></label><br />  
  19. onfocus:<label id="focus"></label>  
  20. onblur:<label id="blur"></label><br />  
  21. onkeypress:<label id="keypress"></label>  
  22. onkeydown:<label id="keydown"></label><br />  
  23. onkeyup:<label id="keyup"></label>  
  24. onsubmit:<label id="submit"></label><br />  
  25. onreset:<label id="reset"></label>  
  26. onselect:<label id="select"></label><br />  
  27. onchange:<label id="change"></label><br />  
  28.   
  29. <form action="" method="get" id="f1">  
  30.   <input type="button" value="点击我" id="b1" />  
  31.   <input type="text" value="点击我" id="t1" />  
  32. </form>  
  33. <script type="text/javascript">  
  34. //<![CDATA[ 
  35.   /** 
  36.    * Ajax支持判断 
  37.    */ 
  38.   var xmlHttp; 
  39.   function createXMLHttp() 
  40.   { 
  41.     if (window.XMLHttpRequest) 
  42.     { 
  43.       xmlHttp = new XMLHttpRequest(); 
  44.     } 
  45.     else if (window.ActiveXObject) 
  46.     { 
  47.       try 
  48.       { 
  49.         xmlHttp = new ActiveXObject('Msxml2.XMLHTTP'); 
  50.       } 
  51.       catch(e) 
  52.       { 
  53.         try 
  54.         { 
  55.           xmlHttp = new ActiveXObject('Microsoft.XMLHTTP'); 
  56.         } 
  57.         catch(e) {}; 
  58.       } 
  59.     } 
  60.   } 
  61.   createXMLHttp(); 
  62.   if (xmlHttp) 
  63.   { 
  64.     document.getElementById('ajax').innerHTML = "支持"; 
  65.   } 
  66.   else 
  67.   { 
  68.     document.getElementById('ajax').innerHTML = "不支持"; 
  69.   } 
  70.   /** 
  71.    * 从这里开始 
  72.    */ 
  73.   function $(id) 
  74.   { 
  75.     return document.getElementById(id); 
  76.   } 
  77.   window.onload = function() 
  78.   { 
  79.     $('load').innerHTML = "支持"; 
  80.     if (window.onresize) 
  81.     { 
  82.       $('resize').innerHTML = "支持"; 
  83.     } 
  84.   } 
  85.   $('b1').onclick = function() 
  86.   { 
  87.     $('click').innerHTML = "支持"; 
  88.     $('f1').onsubmit(); 
  89.     $('f1').onreset(); 
  90.   } 
  91.   $('b1').ondblclick = function() 
  92.   { 
  93.     $('doubleclick').innerHTML = "支持"; 
  94.   } 
  95.   $('b1').onmousedown = function() 
  96.   { 
  97.     $('mousedown').innerHTML = "支持"; 
  98.   } 
  99.   $('b1').onmouseup = function() 
  100.   { 
  101.     $('mouseup').innerHTML = "支持"; 
  102.   } 
  103.     $('b1').onmouseover = function() 
  104.   { 
  105.     $('mouseover').innerHTML = "支持"; 
  106.   } 
  107.     $('b1').onmousemove = function() 
  108.   { 
  109.     $('mousemove').innerHTML = "支持"; 
  110.   } 
  111.     $('b1').onmouseout = function() 
  112.   { 
  113.     $('mouseout').innerHTML = "支持"; 
  114.   } 
  115.     $('t1').onkeydown = function() 
  116.   { 
  117.     $('keydown').innerHTML = "支持"; 
  118.   } 
  119.     $('t1').onkeypress = function() 
  120.   { 
  121.     $('keypress').innerHTML = "支持"; 
  122.   } 
  123.     $('t1').onkeyup = function() 
  124.   { 
  125.     $('keyup').innerHTML = "支持"; 
  126.   } 
  127.     $('t1').onfocus = function() 
  128.   { 
  129.     $('focus').innerHTML = "支持"; 
  130.   } 
  131.     $('t1').onblur = function() 
  132.   { 
  133.     $('blur').innerHTML = "支持"; 
  134.   } 
  135.     $('t1').onselect = function() 
  136.   { 
  137.     $('select').innerHTML = "支持"; 
  138.   } 
  139.     $('t1').onchange = function() 
  140.   { 
  141.     $('change').innerHTML = "支持"; 
  142.   } 
  143.     $('f1').onsubmit = function() 
  144.     { 
  145.         $('submit').innerHTML = "支持"; 
  146.         return false; 
  147.     } 
  148.     $('f1').onreset = function() 
  149.   { 
  150.     $('reset').innerHTML = "支持"; 
  151.     return false; 
  152.   } 
  153. //]]>  
  154. </script>  
  155. </body>  
  156. </html>  
分享到：
| XHTML MP 的语法规则
评论
1 楼 gundumw100 2010-06-13  
不是说wap2.0不可以使用Javascript脚本语言的吗！？
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    (XHTML MP) / WAP 2.0 教程

    XHTML MP支持的基本元素包括文本格式化元素（如`&lt;b&gt;`、`&lt;i&gt;`、`&lt;u&gt;`等）、段落（`&lt;p&gt;`）、标题（`&lt;h1&gt;`至`&lt;h6&gt;`）、列表（`&lt;ul&gt;`、`&lt;ol&gt;`和`&lt;li&gt;`）、表格（`&lt;table&gt;`、`&lt;tr&gt;`、`&lt;td&gt;`等）、链接（`&lt;a&gt;`）以及表单...

    设计XHTML MP 内容

    9. **JavaScript优化**：虽然XHTML MP支持JavaScript，但应谨慎使用，因为移动设备的JavaScript性能可能不强。尽量使用轻量级的库，并延迟加载非关键脚本。 10. **测试与兼容性**：在多种设备和浏览器上进行测试，...

    XHTML移动概要XHTMLMP_WAP2.0教程

    XHTMLMP支持多媒体元素、表单控件和样式表，使开发者可以创建具有互动性和视觉吸引力的移动网页。 **WAP 2.0概述** WAP 2.0是无线应用协议（Wireless Application Protocol）的第二代标准，相较于早期的WAP 1.x，它...

    XHTML MP开发文档

    ### XHTML MP 开发知识点 #### 一、XHTML MP 概览 XHTML MP（Mobile Profile）是一种专门针对移动设备优化的XHTML版本，旨在帮助开发者创建能够在移动设备上高效运行的内容和服务。XHTML MP结合了XHTML 1.0 Strict...

    wap2.0说明(XHTML MP and WCSS)

    然而，**XHTML MP** 不完全支持 **WML (Wireless Markup Language)** 的所有特性，如： 1. 不支持 `&lt;deck&gt;` 和 `&lt;card&gt;` 标签。在WML中，这些标签用于组织内容并控制用户界面，而在XHTML MP中，可以通过multipart ...

    WAP2.0.ppt XHTML MP and WCSS

    1. **向后兼容性**：XHTML MP不仅支持WAP 2.0应用，还可以与WAP 1.x的WML（Wireless Markup Language）和WMLScript进行交互，允许开发者创建既适用于WAP也适用于Web的应用。 2. **结构严谨性**：与HTML相比，XHTML的...

    XHTML_移动概要__XHTML_MP_WAP_2.0_教程

    7. 测试和调试：如何在真实设备或模拟器上测试和优化XHTML MP页面。 通过学习这个教程，开发者不仅可以深入了解XHTML MP和WAP 2.0的技术细节，还能掌握如何在Web 2.0环境下创建高效、互动的移动网页，提升移动开发...

    Series 60 Developer Platform: 设计XHTML MP 内容

    在移动互联网蓬勃发展的背景下，诺基亚Series 60平台成为了一款极具竞争力的移动设备操作系统，它不仅支持传统的WML（Wireless Markup Language）标准，同时也引入了XHTML MP（Mobile Profile）作为其主要的网页技术...

    XHTML Mobile Profile开发手册.rar

    2. **设备兼容性**：讲解不同移动设备对XHTML MP的支持情况，如何进行跨设备的兼容性测试，以及如何通过Doctype声明来指定文档类型。 3. **页面优化**：讨论如何减少文件大小，压缩图片，优化代码，以适应移动网络...

    无线Web页面事件机制调研

    在事件支持方面，XHTML MP规定浏览器必须支持onload和onclick事件，其他如onchange、onfocus等为可选支持，具体支持情况会因不同的浏览器实现而异。 无线Web页面事件机制在WAP 2.0和XHTML MP的框架下，成为了开发者...

    Mobile Web Development: Building mobile websites, SMS and MMS messaging, mobile payments, and automated voice call systems with XHTML MP, WCSS, and mobile AJAX

    本书《移动网络开发：构建移动网站、短信与多媒体信息服务、移动支付及自动语音呼叫系统》深入探讨了如何利用XHTML Mobile Profile（XHTML MP）、Wireless CSS（WCSS）以及移动AJAX等技术来创建高效的移动网站和服务...

    WAP2.0ppt教程

    例如，XHTML MP不支持和标签，这两个在WML中用于组织内容并优化下载性能的元素。在XHTML MP中，可以使用multipart messages或者目标锚来实现类似的功能。同样，XHTML MP也不支持标签，但可以通过HTTP刷新元标签来...

    Wap2.0开发语法及注意问题

    XHTML MP扩展了XHTML Basic，包含了一些不被XHTML Basic支持的元素，如`&lt;b&gt;`（粗体）、`&lt;big&gt;`（大号字体）、`&lt;i&gt;`（斜体）、`&lt;small&gt;`（小号字体）和水平线`&lt;hr/&gt;`。然而，`&lt;hr&gt;`的`align`属性只支持`left`、`right...

    手机网页开发及注意事项

    XHTML MP支持CSS，可以创建更复杂、更美观的页面布局，提供更好的用户体验。尽管XHTML MP更强大，但为了兼容旧款手机，一些大型网站仍然会使用WAP1.2和WML。 **制作手机网页的基本步骤**： 1. **确定版本和语言**：...

    来自51的手机测试流程来自51的手机测试流程

    - **XHTMLMP语言**：验证对XHTMLMP语言的支持程度。 - **WML1.3语言**：测试对WML1.3语言的支持情况。 通过上述测试流程，可以全面地评估手机软件功能的稳定性和兼容性，确保最终产品能够满足用户的日常使用需求...

    wap开发教程和测试软件

    1. **XHTML Basic与Mobile Profile**：解释XHTML Basic和XHTML MP在WAP 2.0中的应用，以及如何使用它们提升用户界面。 2. **JavaScript和CSS支持**：讨论在WAP应用中使用JavaScript和CSS进行动态交互和样式控制。 ...

    WAP 2.0测试规范

    2. **内容编码与解码**：测试设备能否正确处理XHTML Basic或XHTML MP（Mobile Profile）文档，包括图像、CSS和JavaScript的编码和渲染。 3. **网络性能**：评估数据传输速率、延迟和连接稳定性，确保在各种网络环境...

    wap 2.0 开发规范

    WAP 2.0是其第二代版本，显著提升了移动设备上的网页浏览体验，引入了更强大的XHTML（Extensible HyperText Markup Language）标准和CSS（Cascading Style Sheets）支持，使其能够展现更丰富的网页内容和设计。...

    WAP2[1].0教程.pdf

    用XHTMLMP创作内容 - **XHTMLhead元素**：用于定义文档的元数据，如标题、字符集、样式表链接等。 - **XML声明**：文档的第一行，声明文档类型为XML，指定编码。 - **DOCTYPE元素**：声明文档类型，对于XHTML MP，...

    WAP相关资料

    "WAP2.0——_XHTML_MP_and_WCSS.ppt"可能是一个关于WAP2.0版本的演示文稿，重点关注XHTML-MP（Mobile Profile）和WCSS（Wireless CSS）这两种技术。XHTML-MP是WAP2.0中用于呈现内容的标准，它增强了对HTML的扩展，...

Magicbox
Global site tag (gtag.js) - Google Analytics