在 html 里嵌入 JavaScript
在 HTML 文档里嵌入客户端 JavaScript 代码有 4 中方法:
1. 内嵌, 放置在 <script> 和 </script > 标签之间 (少);
2. 放置在有 < script > 标签的 src 属性指定的外部文件中 (多);
3. 放置自 HTML 事件处理程序中, 该事件处理程序由 onclick 或 onmouseover 这样的 HTML 属性值指定它 (很少);
4. 放在一个 URL 里, 这个 URL 使用特殊的协议 "javascript" 协议 (很少);
0-- 附: 脚本类型
JavaScript 是 web 的原始脚本语言, 在默认情况下,<script > 元素包含或引用 JavaScript 代码. 如果要使用不标准的脚本语言, 如 VBScript, 就必须用 type 属性指定脚本的 MIME 类型, 例如:
<script type="text/vbscript">
... ...
</script>
type 属性的默认值是 "text/javascript".
1-- 内嵌 < script > 元素
例如:
- <script>
- function displayTime(){
- ... ...
- }
- window.onload = displayTime;
- </script>
2--src 属性使用外部文件中的脚本
<script > 标签支持 src 属性, 这个属性指定包含 JavaScript 代码的文件的 URL. 它的用法如下:
复制代码 代码如下:
<script src="../../scripts/util.js"></script>
使用 src 属性时,<script></script > 标签之间的任何内容都会被忽略.
当在页面中用 src 属性包含一个脚本时, 就给了脚本坐着完全控制 Web 页面的权限.
3--HTML 中的事件处理程序
当脚本所在的 HTML 文件被载入浏览器时, 这个脚本里的 JavaScript 代码只会执行一次. JavaScript 代码可以通过把函数赋值给 Element 对象的属性来注册事件处理程序. 这个 Element 对象表示文档里的一个 HTML 元素.
例如:
复制代码 代码如下:
<input type="checkbox" name="options" value="giftwrap" onchange="order.options.giftwrap = this.checked;">
HTML 中定义的事件处理程序的属性可以包含任意条 JavaScript 语句, 相互之间用逗号分隔. 这些语句组成一个函数体, 然后这个函数成为对应事件处理程序属性的值.
4--URL 中 JavaScript
在 URL 后面跟着一个 javascript: 协议限定符, 是另一种嵌入 JavaScript 代码到客户端的方式. 这种特殊的协议类型指定 URL 内容为任意字符串, 这个字符串是会被 JavaScript 解释器运行的 JavaScript 代码. 它被当作单独的一行代码对待, 这意味着语句之间必须用分号隔开, 而注释必须用 /**/ 注释代替. javascript:URL 能识别的资源是转换成字符串的执行代码的返回值. 如果代码返回 undefined, 那么这个资源是没有内容的.
javascript:URL 可以在可以使用常规 URL 的任意地方: 比如 < a > 标记的 href 属性,<form > 的 action 属性, 甚至 window.open() 方法的参数.
超链接里的 JavaScript URL 可以是这样:
<a href="javascript:new Date().toLocaleTimeString();" rel="external nofollow">
What time is it?
</a>
上文所表述的全部内容是 HTML 文档中嵌入 JavaScript 的四种方法, 希望本文的内容对大家的学习或者工作具有一定的参考学习价值, 如果有疑问大家可以留言交流, 谢谢大家对脚本之家的支持.
来源: http://www.jb51.net/article/139588.htm