js的引入方式

Posted lidaoshao

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js的引入方式相关的知识,希望对你有一定的参考价值。

 

  • 行内引入:安全性低
  • <div style="width: 300px;background: red; border-radius: 20px" onclick="alert(‘OK‘)">你好</div>

     

  • 内嵌式:写在script标签中
  • 外链式:通过script标签的src属性
  • 1 document.write(‘<script src="js文件的路径"></script>‘)

    注意:我们使用外链式引入JS,通过src把外部文件引入到当前的html页面,在它的<script>中间,不能在编写任何的JS代码了,即使写了,不会起作用

     

  • <script src="js/index.js">
        alert(‘我是外链式标签块中的代码‘);//外链式标签块中不要写任何js代码,写了不会报错,肯定不执行
    </script>

     

以上是关于js的引入方式的主要内容,如果未能解决你的问题,请参考以下文章

Javascript的引入方式

01JavaScript基础——引入/输出方式变量数据类型运算符

js的引入方式

JS 引入方式 基本数据类型 运算符 控制语句 循环 异常

VUE中常用的几种引入方式

Vue 引入第三方js.css的方式