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文件中的代码

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐