这次给大家带来HTML文档中嵌入JS的方法总结。在HTML文档中嵌入JS有什么注意事项？下面是一个实际案例。让我们来看看。
在HTML中嵌入JavaScript
有四种方法可以在HTML文档中嵌入客户端JavaScript代码:
1.嵌入，放置在
2.把它放在一个有
3.放在HTML事件处理程序中，由onclick或onmouseover(很少)等HTML属性值指定；
4.放在一个URL里面，这个URL使用一个特殊的协议“javascript”协议(很少)；
0——附件:脚本类型
JavaScript是网络的原始脚本语言。默认情况下，
<script type="text/vbscript"> ... ... </script>type属性的默认值是“text/javascript”。
1——嵌入式
例如:
<script> function displayTime(){ ... ... } window.onload = displayTime; </script>src属性使用外部文件中的脚本。
& lt脚本& gt标签支持src属性，该属性指定包含JavaScript代码的文件的URL。其用法如下:
复制代码代码如下:
& lt脚本src = & quot../../scripts/util.js"& gt& lt/script & gt；
当使用src属性时，
当脚本包含在具有src属性的页面中时，它赋予脚本对网页的完全控制权。
HTML中的事件处理程序
当脚本所在的HTML文件加载到浏览器中时，这个脚本中的JavaScript代码只会执行一次。JavaScript代码可以通过将函数分配给元素对象的属性来注册事件处理程序。这个元素对象代表文档中的一个HTML元素。
例如:
复制代码代码如下:
& lt输入类型= & quot复选框& quotname = & quot选项& quotvalue = & quot礼品包装& quotonchange = & quotorder . options . gift wrap = this . checked；"& gt
HTML中定义的事件处理程序的属性可以包含任何JavaScript语句，用逗号分隔。这些语句组成了一个函数体，然后这个函数就变成了对应的事件处理程序属性的值。
URL中的JavaScript
在URL后面加上javascript: protocol限定符是将javascript代码嵌入客户端的另一种方式。这个特殊的协议类型指定URL内容是一个任意的字符串，它是JavaScript解释器将要运行的JavaScript代码。它被视为单行代码，这意味着语句必须用分号分隔，注释必须用/* */comments替换。JavaScript:URL可以识别的资源是转换成字符串的执行代码的返回值。如果代码返回undefined，那么这个资源没有内容。
JavaScript:URL可以在任何可以使用常规URL的地方:例如
超链接中的JavaScript URL可以是这样的:
<a href="javascript:new Date().toLocaleTimeString();" rel="external nofollow" > What time is it? </a>相信你看完这个案例已经掌握了方法。更多精彩请关注AdminJS.cn其他相关文章！
推荐阅读:
JS跨域POST实现步骤详解
角度数据请求实现
promise如何替换代码中的回调函数
以上是在HTML文档中嵌入JS方法的详细总结。更多详情请关注AdminJS.cn其他相关文章！
adminjs.cn是一个以CSS、JavaScript、Vue、HTML为核心的前端开发技术网站。我们致力于为广大前端开发者提供专业、全面、实用的前端开发知识和技术支持。 在本网站中，您可以学习到最新的前端开发技术，了解前端开发的最新趋势和最佳实践。我们提供丰富的教程和案例，让您可以快速掌握前端开发的核心技术和流程。 Adminjs.cn还提供一系列实用的工具和插件，帮助您更加高效地进行前端开发工作。我们提供的工具和插件都经过精心设计和优化，可以帮助您节省时间和精力，提升开发效率。 在Adminjs.cn中，您可以找到您需要的一切前端开发资源，让您成为一名更加优秀的前端开发者。欢迎您加入我们的大家庭，一起探索前端开发的无限可能！