Java Script 引用方式

最新推荐文章于 2023-10-07 09:38:56 发布

神树降临

最新推荐文章于 2023-10-07 09:38:56 发布

阅读量748

点赞数

分类专栏：数据库

本文链接：https://blog.csdn.net/csh2388827741/article/details/118439432

版权

数据库专栏收录该内容

70 篇文章 1 订阅

订阅专栏

两种引用方式

怎么用？

两种方式：

（1）内部引用，使用

（2）外部引用，代码写在独立的js文件中，通过

   <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>

test.js

function fun2() {

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

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

   e.style.color = "red";

}

神树降临

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Java Script 引用方式

两种引用方式怎么用？两种方式：（1）内部引用，使用（2）外部引用，代码写在独立的js文件中，通过 <head> <meta charset="utf-8"> <title></title> </head> <body> <p id="p1">this is a js test</p> &l
复制链接

扫一扫