JavaScript代码嵌入到HTML中,javascript怎么嵌入html

大家好，给大家分享一下javascript嵌入网页中的方法主要有，很多人还不知道这一点。下面详细解释一下。现在让我们来看看！

1.在head中使用<></> -- 嵌入式

<>
       // 向网页中添加一个元素 document.write();给网页添加元素--输出
       document.write('<h1>JS滴滴滴</h1>')
  </>

2.使用标签搭配src属性引入js文件 --外部脚本

<!-- 引入外部js文件   -->
< src="Tset.js"></>


// 外部js文件
document.write("<h1>hello world -- 外部js文件</h1>")

3.使用元素的事件属性（onclick -- 点击事件），写入js代码 onclick只是其中一种事件属性

<!-- 当页面已经完成加载，再去调用document.write，此时当前页面的内容会被覆盖-->
<input type="button" value="点击"  onclick="document.write('<h1>点击事件内容</h1>')" >

4.使用超链接伪URL 在href属性中用java：js脚本的格式

<!--alert（message） 调用window对象的提示框，可以把message通过提示框弹出-->
<a href="java:alert('你在点什么？')">超链接伪URL</a>

By the way:

JavaScript代码的执行顺序：

浏览器在解析html文档时，根据文档流从上到下逐行进行解析和显示的。JavaScript代码也是html文档的组成部分，因此JavaScript代码的执行顺序也是根据标签的位置来确定的

注意：定义src属性引入外部js文件的标签，不应该在包含JavaScript代码python for语句用法。如果嵌入了代码，则只会执行外部js文件中的代码