在HTML⽂档中嵌⼊JavaScript的四种⽅法
在HTML⾥嵌⼊JavaScript
在HTML⽂档⾥嵌⼊客户端JavaScript代码有4中⽅法:
1.内嵌,放置在<script>和</script>标签之间(少);
2.放置在有<script>标签的src属性指定的外部⽂件中(多);
3.放置⾃HTML事件处理程序中,该事件处理程序由onclick或onmouseover这样的HTML属性值指定它(很少);
script在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(){
... ...
}
</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的四种⽅法,希望本⽂的内容对⼤家的学习或者⼯作具有⼀定的参考学习价值,如果有疑问⼤家可以留⾔交流,谢谢⼤家对的⽀持。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论