丙午🐎年

acc8226 的博客

JavaScript 可以做什么?

事件可以用于处理表单验证,用户输入,用户行为及浏览器动作:

  • 页面加载时触发事件
  • 页面关闭时触发事件
  • 用户点击按钮执行动作
  • 验证用户输入内容的合法性

可以使用多种方法来执行 JavaScript 事件代码:

  • HTML 事件属性可以直接执行 JavaScript 代码、调用 JavaScript 函数
    阅读全文 »

您可以在 HTML 文档中放入不限数量的脚本。
脚本可位于 HTML 的 <body><head> 部分中,或者同时存在于两个部分中。
通常的做法是把函数放入 <head> 部分中,或者放在页面底部。这样就可以把它们安置到同一处位置,不会干扰页面的内容。

直接写入 HTML 输出流

1
document.write("<p>这是一个段落。</p>")

只能在 HTML 输出中使用 document.write。如果您在文档加载完成后使用该方法,会覆盖整个文档。

对事件的反应

阅读全文 »

img 标签 属性 意义

  • src 包含图像的 URL,这个 URL 是相对于网页的 URL 来说的
  • width 包含浏览器显示图像所用的宽度(以像素为单位)
  • height 包含浏览器显示图像所用的高度(以像素为单位)
  • alt 用来在非图形化浏览器中替代图像

创建翻转器

翻转器背后的思想很简单。有两个图像。第一个图像是原始(original)图像,它与网页的其他部分一起加载和显示。当用户将鼠标移动到第一个图像上时,浏览器快速地将第一个图像替换为第二个图像,即替换(replacement)图像,这样就产生了运动或动画效果。

阅读全文 »

标签 属性 意义
iframe 内部框架,它显示在进行调用的 HTML 页面中

  • name JavaScript 也可以使用这个属性引用 iframe
  • src iframe 页面的 URL

防止页面显示在框架中

别人可以将你的页面加载进他们站点上的框架中,使你的页面看起来就像是他们提供的内容。在 JavaScript 中,窗口形成一个层次结构,父窗口处于这个层次结构的顶层。当别人“拦截”你的页面时,他们会迫使它成为父窗口的子框架。图 5-1 显示当页面作为别人站点的一部分显示时的效果。可以使用脚本防止页面被拦截,并且迫使页面总是单独显示在浏览器窗口中。
JavaScript 可以迫使页面总是单独显示

1
2
3
if (top.location != self.location) {
top.location.replace(self.location)
}
阅读全文 »

表单可以包含大多数常见的图形界面元素,包括输入字段、单选按钮、复选框、弹出菜单和输入列表。另外,HTML 表单可以包含密码字段,这种控件可以避免用户的输入被别人偷看。

在填写表单之后,单击表单上的 Submit 按钮,会将表单的信息发送到 Web 服务器,在服务器上服务器端脚本会解释并操作这些数据。通常,将数据存储在数据库中供以后使用。在服务器端存储数据之前,需要确保用户输入的数据是“干净”的,也就是说,数据是准确的且具有正确的格式。JavaScript 是检查数据的好方法,这种技术称为表单验证(form validation)。尽管服务器端脚本可以完成验证(而且应该作为预防措施,因为有些用户会在浏览器中关闭 JavaScript 功能),但是在客户机上用 JavaScript 进行验证要快得多,而且用户操作的效率也更高。

阅读全文 »
0%