4中js嵌入html的方式

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

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

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

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


// 外部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属性中用javascript：js脚本的格式

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

By the way:

JavaScript代码的执行顺序：

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

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