13、移动网页中使用 JavaScript 和 AJAX 增添交互性

移动网页中使用 JavaScript 和 AJAX 增添交互性

移动浏览器中的事件支持与 JavaScript

移动浏览器所支持的事件可能会有所不同，特别是针对移动设备的特定用例。许多智能手机和主流移动设备上越来越多的浏览器支持额外的事件和事件目标，旨在为移动网页开发者提供尽可能丰富的 JavaScript 编程环境。

JavaScript 对于移动设备而言，是移动网页交互性方面的一项重大进步。它与 AJAX 共同驱动着移动环境下的丰富互联网应用，让移动网站对那些期望在与网页交互时获得高级功能和即时更新的互联网用户更具实用性和吸引力。不过，移动开发者在将 JavaScript 融入移动网页时，需要权衡用户体验的好处与一些挑战，比如克服 API 碎片化、维持足够的浏览器性能，以及为运行交互式网页应用的移动设备节省电池电量。

移动 JavaScript 示例

下面两个移动 JavaScript 示例展示了如何在 XHTML - MP 格式的移动网页文档中嵌入客户端交互性。

示例 1：随机更改背景颜色

这个示例使用 EcmaScript MP 在 XHTML - MP 1.1 移动网页文档中，在文档加载时随机为 ID 为 theBox 的 <div> 元素分配新的背景颜色。以下是代码实现：

<?php 
// Set the response content-type 
header("Content-type: application/xhtml+xml"); 
h