JavaScript 简介
JavaScript 可以做什么?
事件可以用于处理表单验证,用户输入,用户行为及浏览器动作:
- 页面加载时触发事件
- 页面关闭时触发事件
- 用户点击按钮执行动作
- 验证用户输入内容的合法性
可以使用多种方法来执行 JavaScript 事件代码:
- HTML 事件属性可以直接执行 JavaScript 代码、调用 JavaScript 函数
JavaScript 可以做什么?
事件可以用于处理表单验证,用户输入,用户行为及浏览器动作:
可以使用多种方法来执行 JavaScript 事件代码:
您可以在 HTML 文档中放入不限数量的脚本。
脚本可位于 HTML 的 <body> 或 <head> 部分中,或者同时存在于两个部分中。
通常的做法是把函数放入 <head> 部分中,或者放在页面底部。这样就可以把它们安置到同一处位置,不会干扰页面的内容。
直接写入 HTML 输出流
1 | document.write("<p>这是一个段落。</p>") |
只能在 HTML 输出中使用 document.write。如果您在文档加载完成后使用该方法,会覆盖整个文档。
对事件的反应
标签 属性 意义
iframe 内部框架,它显示在进行调用的 HTML 页面中
别人可以将你的页面加载进他们站点上的框架中,使你的页面看起来就像是他们提供的内容。在 JavaScript 中,窗口形成一个层次结构,父窗口处于这个层次结构的顶层。当别人“拦截”你的页面时,他们会迫使它成为父窗口的子框架。图 5-1 显示当页面作为别人站点的一部分显示时的效果。可以使用脚本防止页面被拦截,并且迫使页面总是单独显示在浏览器窗口中。
JavaScript 可以迫使页面总是单独显示
1 | if (top.location != self.location) { |
表单可以包含大多数常见的图形界面元素,包括输入字段、单选按钮、复选框、弹出菜单和输入列表。另外,HTML 表单可以包含密码字段,这种控件可以避免用户的输入被别人偷看。
在填写表单之后,单击表单上的 Submit 按钮,会将表单的信息发送到 Web 服务器,在服务器上服务器端脚本会解释并操作这些数据。通常,将数据存储在数据库中供以后使用。在服务器端存储数据之前,需要确保用户输入的数据是“干净”的,也就是说,数据是准确的且具有正确的格式。JavaScript 是检查数据的好方法,这种技术称为表单验证(form validation)。尽管服务器端脚本可以完成验证(而且应该作为预防措施,因为有些用户会在浏览器中关闭 JavaScript 功能),但是在客户机上用 JavaScript 进行验证要快得多,而且用户操作的效率也更高。