在HTML文档中嵌入JavaScript的四种方法

前端之家收集整理的这篇文章主要介绍了在HTML文档中嵌入JavaScript的四种方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

在HTML里嵌入JavaScript

代码有4中方法

1.内嵌,放置在标签之间 (少);

2.放置在有

type 属性的默认值是 ”text/javascript“。

元素

例如:

function displayTime(){ ... ... } window.onload = displayTime;

属性使用外部文件中的脚本

使用src属性时,标签之间的任何内容都会被忽略。

当在页面中用src属性包含一个脚本时,就给了脚本坐着完全控制Web页面的权限。

当脚本所在的HTML文件被载入浏览器时,这个脚本里的JavaScript代码只会执行一次。JavaScript代码可以通过把函数赋值给Element对象的属性注册事件处理程序。这个Element对象表示文档里的一个HTML元素。

例如:

代码如下:
Box" name="options" value="giftwrap" onchange="order.options.giftwrap = this.checked;">

HTML中定义的事件处理程序的属性可以包含任意条JavaScript语句,相互之间用逗号分隔。这些语句组成一个函数体,然后这个函数成为对应事件处理程序属性的值。

在URL后面跟着一个javascript:协议限定符,是另一种嵌入JavaScript代码到客户端的方式。这种特殊的协议类型指定URL内容为任意字符串,这个字符串是会被JavaScript解释器运行的JavaScript代码。它被当作单独的一行代码对待,这意味着语句之间必须用分号隔开,而注释必须用/**/注释代替。javascript:URL能识别的资源是转换成字符串的执行代码的返回值。如果代码返回 undefined,那么这个资源是没有内容的。

javascript:URL可以在可以使用常规URL的任意地方:比如标记的href属性,

的action属性,甚至window.open()方法的参数。

超链接里的JavaScript URL可以是这样:

上文所表述的全部内容是HTML文档中嵌入JavaScript的四种方法,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对编程之家的支持

原文链接:https://www.f2er.com/js/32482.html

猜你在找的JavaScript相关文章