有许多不同的地方可以使用 JavaScript,但最常见的地方是在网页中。 事实上,对于大多数使用 JavaScript 的人来说,在网页中是他们唯一使用它的地方。
网站的三种语言
网页的第一个要求是定义网页的内容。 这是使用一种标记语言来完成的,该语言定义了内容的每个组成部分是什么。通常用于标记内容的语言是 HTML,但如果你不需要页面在 Internet Explorer 中工作,也可以使用 XHTML。
HTML 定义了内容是什么。如果编写得当,则不会尝试定义该内容的外观。毕竟,内容需要看起来不同,具体取决于用于访问它的设备。移动设备的屏幕通常比计算机小。内容的打印副本将具有固定宽度,可能不需要包含所有导航。对于收听页面的人来说,需要定义页面的阅读方式而不是外观。
网页的外观是使用级联样式表定义的,这些样式表指定特定命令适用于哪些媒体,因此内容格式适合设备。
仅使用这两种语言,你就可以创建静态网页,无论使用哪种设备访问该页面,都可以访问该网页。这些静态页面可以通过使用表单与你的访问者进行交互。填写并提交表单后,会将请求发送回服务器,在服务器上构建新的静态网页并最终下载到浏览器中。
此类网页的最大缺点是访问者与页面交互的唯一方法是填写表单并等待新页面加载。
为动态页面添加 JavaScript
JavaScript 将你的静态页面转换为可以与访问者交互的页面,而无需在每次发出请求时等待新页面加载。 JavaScript 将行为添加到页面响应操作的网页,而无需加载新页面来处理请求。
你的访问者不再需要填写整个表格并提交它,以便被告知他们在第一个字段中输入了错字并需要再次输入。 使用 JavaScript,你可以在每个字段输入时对其进行验证,并在它们出错时提供即时反馈。
JavaScript 还允许你的页面以完全不涉及表单的其他方式进行交互。你可以将动画添加到页面中,以吸引页面的特定部分或使页面更易于使用。你可以在网页内对访问者采取的各种操作提供响应,以避免需要加载新的网页来响应。你甚至可以让 JavaScript 将新图像、对象或脚本加载到网页中,而无需重新加载整个页面。 JavaScript 甚至有一种方法可以将请求传回服务器并处理来自服务器的响应,而无需加载新页面。
将 JavaScript 合并到网页中,你可以通过将其从静态页面转换为可以与他们交互的页面来改善访问者的体验。但要记住的一件重要事情是,并非每个访问你的页面的人都会有 JavaScript,因此你的页面仍然需要为那些没有 JavaScript 的人工作。使用 JavaScript 让你的页面更适合拥有它的人。
发表评论 取消回复