在HTML文档中嵌入JavaScript的四种办法
在HTML里嵌入JavaScript
在HTML文档里嵌入客户端JavaScript代码有4中办法:
1.内嵌,放置在<script>和</script>标签之间 (少);
2.放置在有<script>标签的src属性指定的外部文件中 (多);
3.放置自HTML事件处置程序中,该事件处置程序由onclick或onmou搜索引擎优化ver这样的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的四种办法的具体内容,更多请关注百分百源码网其它相关文章!