JavaScript的三种引入方式

最新推荐文章于 2024-06-09 19:30:00 发布

静止呀

最新推荐文章于 2024-06-09 19:30:00 发布

阅读量1.7k

点赞数

分类专栏： javascript 文章标签： JavaScript 行内引入内部引入外部引入事件绑定

原文链接：https://blog.csdn.net/qq_23946755/article/details/79795239

版权

14 篇文章 0 订阅

订阅专栏

javascript有三种引入方式：

1、行内引入:

<开始标签 on+事件类型=“js代码”></结束标签>

行内引入方式必须结合事件来使用，但是内部js和外部js可以不结合事件

<body>
<input type="button" οnclick="alert('行内引入')" value="button" name="button">
<button οnclick="alert(123)">点击我</button>
</body>

2、内部引入：

在head或body中，定义script标签，然后在script标签里面写js代码

    <script>
        alert("这是js的内部引入");
    </script>

3、外部引入：

定义外部js文件(.js结尾的文件)

<scripttype=“text/javascript” src=“demo.js”>

注:

外部的JS文件，它具有维护性高、可缓存(加载一次，无需加载)、方便未来扩展、复用性高等特点

新建外部的js文件demo.js文件

在head或者body中，添加以下代码

  <script  type="text/javascript" src="js/demo.js"></script>

js执行的优先顺序按照在代码中的先后顺序执行

关注

专栏目录