js引入的三种方式,js引入方式有几种?分别是什么?
这篇文章带给你一些关于javascript的知识，包括介绍javaScript的三种方式：内联风格、嵌入式风格、外部风格以及它们的用法。让我们来看看吧。希望对大家有帮助。
【相关推荐：javascript视频教程，web前端】
1.行内引入方式
写一行，每个标签单独设置。
通过open标签中的event属性引用js的函数。
(1)写在标签的event属性中(以on开头的属性)，比如onclick [on event type]。
建议：html用双引号，js用单引号。
示例：
input= button value= point I open World onclick= alert( Hello World )/注：行中介绍，JS中没有用到举重的概念，所以不常用[基本不用]
示例如下：
超文本标记语言
Js样式内联写作/titlejs
meta http-equiv= content-type content= text/html；charset=utf-8 /
身体
！- js内联写01开始-
！-鼠标点击图片时，弹出窗口显示1223-
div class=img
单击事件：
img src= images/001 . jpg onclick= alert(1223)/img
/div
！- js内联写01结束-
/body
/html输出结果：
2.内嵌引入方式(内部引入)
写在脚本标签中
内部引用：在脚本标记中编写js代码时使用
脚本标签可以写在页面的任何地方。
脚本标签通常用在正文的末尾，或者在正文之后。
(1)任何地方都可以写；
当我们需要在头文件中引用脚本时，把它放在头文件中；否则放在底部，因为放在页眉可能会影响浏览器渲染。
脚本
alert(Hello World！);
/script注：一般自己写练习的时候，想偷懒不想设置js文件的时候用[练习使用]。
平时自己做项目的时候放在最下面，可以和CSS文件区分，不影响加载顺序，不会影响浏览器渲染；如果放在其他地方，最好用onload覆盖。
示例如下：
超文本标记语言
Js样式内联写作/titlejs
meta http-equiv= content-type content= text/html；charset=utf-8 /
身体
！- js内联写02开始-
div class=img
单击事件：
img src=images/002.jpg id=苏园/img
/div
！- js内联写02结束-
/body
脚本
//js代码
//找到XX元素，一般给元素加一个id
yuansuojb=document . getelementbyid(苏园)；
//向xx元素添加一个事件
yuansuojb.onclick=function(){
//代码片段
警报(1)；
}
//触发事件
/脚本
/html输出结果：
3.外部引入方式
使用src在脚本标记中引入外部文件
步骤：
写一个独立的js文件
由脚本标记在页面中引用
(1)引入外部JS文件的脚本不能写代码。
(2)利用HTML页面代码的结构，多段JS代码独立于HTML页面之外，美观且便于文件复用。
Script= main.js/script注意：当它作为内联样式放在底部和头部时，需要根据具体情况来考虑[经常使用]
用src代替href。
示例如下：
将js的代码写入。js并在HTML中引用它。
的内容。html文件如下：
超文本标记语言
JS风格外展写作/titlejs
meta http-equiv= content-type content= text/html；charset=utf-8 /
身体
div class=img
外展写作-点击活动：
img src=images/003.jpg id=苏园/img
/div
/body
script src=js/index.js/script
/html.js文件的内容如下：
//js代码
//找到XX元素，一般给元素加一个id
yuansuojb=document . getelementbyid(苏园)；
//向xx元素添加一个事件
yuansuojb.onclick=function(){
//代码片段
var str=你好，世界！；
alert(str)；
}输出结果：
【相关推荐：javascript视频教程，web前端】以上是JavaScript入门三种入门方法的详细介绍。更多请关注我们的其他相关文章！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。