本篇文章主要介绍了在html文档里嵌入客户端javascript代码有4中方法,感兴趣的小伙伴们可以参考一下,具体如下:
在html里嵌入javascript
在html文档里嵌入客户端javascript代码有4中方法:
1.内嵌,放置在3f1c4e4b6b16bbbd69b2ee476dc4f83a和2cacc6d41bbb37262a98f745aa00fbf0标签之间 (少);
2.放置在有3f1c4e4b6b16bbbd69b2ee476dc4f83a标签的src属性指定的外部文件中 (多);
3.放置自html事件处理程序中,该事件处理程序由onclick或onmouseover这样的html属性值指定它 (很少);
4.放在一个url里,这个url使用特殊的协议”javascript“协议 (很少);
1——附:脚本类型
javascript是web的原始脚本语言,在默认情况下,3f1c4e4b6b16bbbd69b2ee476dc4f83a元素包含或引用javascript代码。如果要使用不标准的脚本语言,如vbscript,就必须用type属性指定脚本的mime类型,例如:
<script type="text/vbscript"> ... ... </script>
type 属性的默认值是 ”text/javascript“。
2——内嵌<script>元素
例如:
<script> function displaytime(){ ... ... } window.onload = displaytime; </script>
3——src属性使用外部文件中的脚本
<script>标签支持src属性,这个属性指定包含javascript代码的文件的url。它的用法如下:
<script src="../../scripts/util.js"></script>
使用src属性时,<script></script>标签之间的任何内容都会被忽略。
当在页面中用src属性包含一个脚本时,就给了脚本坐着完全控制web页面的权限。
4——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>
以上就是本章的全部内容,更多相关教程请访问javascript视频教程!
以上就是在html文档中嵌入javascript的四种方法的详细内容。