乙巳🐍年

acc8226 的博客

JavaScript 可以做什么?

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

  • 页面加载时触发事件

  • 页面关闭时触发事件

  • 用户点击按钮执行动作

  • 验证用户输入内容的合法性

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

  • HTML 事件属性可以直接执行 JavaScript 代码

  • HTML 事件属性可以调用 JavaScript 函数

  • 你可以为 HTML 元素指定自己的事件处理程序

  • 你可以阻止事件的发生。

阅读全文 »

您可以在 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)
}
阅读全文 »
0%