这次给大家带来HTML文档内嵌入JS方法汇总，HTML文档内嵌入JS的注意事项有哪些，下面就是实战案例，一起来看一下。
在HTML里嵌入JavaScript
在HTML文档里嵌入客户端JavaScript代码有4中方法：
1.内嵌，放置在标签之间 (少)；
2.放置在有
3.放置自HTML事件处理程序中，该事件处理程序由onclick或onmouseover这样的HTML属性值指定它 (很少)；
4.放在一个URL里，这个URL使用特殊的协议”javascript“协议 (很少)；
0——附：脚本类型
JavaScript是Web的原始脚本语言，在默认情况下，
... ...
type 属性的默认值是 ”text/javascript“。
1——内嵌
function displayTime(){
... ...
window.onload = displayTime;
2——src属性使用外部文件中的脚本
复制代码 代码如下:
使用src属性时，标签之间的任何内容都会被忽略。
当在页面中用src属性包含一个脚本时，就给了脚本坐着完全控制Web页面的权限。
3——HTML中的事件处理程序
当脚本所在的HTML文件被载入浏览器时，这个脚本里的JavaScript代码只会执行一次。JavaScript代码可以通过把函数赋值给Element对象的属性来注册事件处理程序。这个Element对象表示文档里的一个HTML元素。
复制代码 代码如下:
HTML中定义的事件处理程序的属性可以包含任意条JavaScript语句，相互之间用逗号分隔。这些语句组成一个函数体，然后这个函数成为对应事件处理程序属性的值。
4——URL中JavaScript
在URL后面跟着一个javascript:协议限定符，是另一种嵌入JavaScript代码到客户端的方式。这种特殊的协议类型指定URL内容为任意字符串，这个字符串是会被JavaScript解释器运行的JavaScript代码。它被当作单独的一行代码对待，这意味着语句之间必须用分号隔开，而注释必须用/**/注释代替。javascript:URL能识别的资源是转换成字符串的执行代码的返回值。如果代码返回 undefined，那么这个资源是没有内容的。
javascript:URL可以在可以使用常规URL的任意地方：比如标记的href属性，的action属性，甚至window.open()方法的参数。
超链接里的JavaScript URL可以是这样：
What time is it?
相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
推荐阅读：
这次给大家带来HTML文档内嵌入JS方法汇总，HTML文档内嵌入JS的注意事项有哪些，下面就是实战案例，一起来看一下。在HTML里嵌入JavaScript在HTML文档里嵌入客户端JavaScript代码有4中方法：1.内嵌，放置在和标签之间 (少)；2.放置在有标签的src属性指定的外部文件中 (多)；3.放置自HTML事件处理程序中，该事件处理程序由onclick或onmouseover这...
1》绑定事件：在标签上直接绑定 例：<p onclick="console.log(1)">hhh</p>
2》获取元素绑定 例：document.queryselector('p').onclick=function(){console.log(1) }
3》添加事件监听 例：document.queryselector('p').addEnentListener('click',()=>{consloe.log('1')}，false或true)//false为..
1. 打开
HTML
文件，找到要
嵌入
JavaScript代码的位置。
2. 在
HTML
文件中，使用 `<script>` 标签来
嵌入
JavaScript代码。在 `<script>` 标签中，将JavaScript代码写在一对 `<script>` 和 `</script>` 标签之间。
3. 将JavaScript代码写入 `<script>` 标签内部。JavaScript代码可以包含在一对 `<script>` 和 `</script>` 标签之间，也可以引用一个外部JavaScript文件。
例如，以下是一个简单的
HTML
文件，其中包含一个内部JavaScript代码：
<!DOCTYPE
html
>
<title>JavaScript in
HTML
Example</title>
</head>
<h1>JavaScript in
HTML
Example</h1>
<p>Click the button to change the text:</p>
<button onclick="document.getElementById('demo').inner
HTML
= 'Hello JavaScript!'">Click me</button>
<p id="demo"></p>
<script>
function myFunction() {
document.getElementById("demo").inner
HTML
= "Hello JavaScript!";
</script>
</body>
</
html
>
在这个例子中，JavaScript代码是通过一个内部 `<script>` 标签
嵌入
到
HTML
文件中的。JavaScript代码包含一个函数 `myFunction()`，这个函数将改变一个
HTML
元素的内容。这个
HTML
元素的ID是“demo”，在
HTML
文件中定义了一个 `<p>` 标签，并将其作为JavaScript函数的目标。在这个例子中，还使用了一个按钮，当点击按钮时，会调用 `myFunction()` 函数来改变
HTML
元素的内容。
