JavaScript有哪几种引入方式
程序员文章站
2022-03-08 11:05:39
...
JavaScript有3种引入方式:1、使用“<开始标签 on+事件类型=“js代码”></结束标签>”语句引入;2、在script标签里面写js代码;3、将js代码写在外部js文件中,然后使用script标签的src属性引入。
本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
javascript有三种引入方式:
1、行内引入:
<开始标签 on+事件类型=“js代码”></结束标签>
行内引入方式必须结合事件来使用,但是内部js和外部js可以不结合事件
<body> <input type="button" onclick="alert('行内引入')" value="button" name="button"> <button 0nclick="alert(123)">点击我</button> </body>
2、内部引入:
在head或body中,定义script标签,然后在script标签里面写js代码
<script> alert("这是js的内部引入"); </script>
3、外部引入:
定义外部js文件(.js结尾的文件)
<script type=“text/javascript” src=“demo.js”>
注:
script标签一般定义在head或body中
Script标签要单独使用,要么引入外部js,要么定义内部js,不要混搭使用
外部的JS文件,它具有维护性高、可缓存(加载一次,无需加载)、方便未来扩展、复用性高等特点
新建外部的js文件demo.js文件
在head或者body中,添加以下代码
<script type="text/javascript" src="js/demo.js"></script>
js执行的优先顺序按照在代码中的先后顺序执行
更多编程相关知识,请访问:编程视频!!
以上就是JavaScript有哪几种引入方式的详细内容,更多请关注其它相关文章!
上一篇: javascript如何设置焦点移除