Rumah > hujung hadapan web > tutorial js > JavaScript有哪几种引入方式

JavaScript有哪几种引入方式

青灯夜游
Lepaskan: 2021-06-15 10:03:12
asal
13201 orang telah melayarinya

JavaScript有3种引入方式:1、使用“<开始标签 on+事件类型=“js代码”></结束标签>”语句引入;2、在script标签里面写js代码;3、将js代码写在外部js文件中,然后使用script标签的src属性引入。

JavaScript有哪几种引入方式

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

javascript有三种引入方式:

1、行内引入:

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

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

<body>
<input type="button" onclick="alert(&#39;行内引入&#39;)" value="button" name="button">
<button 0nclick="alert(123)">点击我</button>
</body>
Salin selepas log masuk

2、内部引入:

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

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

3、外部引入:

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

<script type=“text/javascript” src=“demo.js”>
Salin selepas log masuk

注:

  • script标签一般定义在head或body中

  • Script标签要单独使用,要么引入外部js,要么定义内部js,不要混搭使用

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

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

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

<script  type="text/javascript" src="js/demo.js"></script>
Salin selepas log masuk

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

更多编程相关知识,请访问:编程视频!!

Atas ialah kandungan terperinci JavaScript有哪几种引入方式. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan