安暖如初

博客园 首页 新随笔 联系 订阅 管理

两种引用方式

怎么用?

两种方式:

(1)  内部引用,使用<script>标签,代码直接写在标签中。

(2)  外部引用,代码写在独立的js文件中,通过<script>加载到html。

 

<!DOCTYPE html>

<html>

       <head>

              <meta charset="utf-8">

              <title></title>

       </head>

       <body>

              <p id="p1">this is a js test</p>

              <button onclick="fun1()">点我试试</button>

              <button onclick="fun2()">点我试试</button>

       </body>

       <!--

        js的内部使用方式:通过script标签

        -->

       <script>        

              function fun1(){

                     var e = document.getElementById("p1");    

                     e.innerText = "这是一个关于js的演示";

                     e.style.color = "green";

              }

       </script>

      

       <!-- js的外部使用方式:通过加装js文件 -->

       <script src="test.js"></script>

</html>

 

 

test.js

function fun2() {

       var e = document.getElementById("p1");

       e.innerText = "这是js外部引用的演示";

       e.style.color = "red";

}

 

 

posted on 2021-05-24 10:41  安暖如初  阅读(558)  评论(0编辑  收藏  举报