web前端笔记(4)-js引入

web前端笔记(4)-js引入JS两种引入方式1.引用外部js文件直接在html里借助<script src="js/test.js"></script>引入js2.在页面中嵌入js这是在页面使用js最简单的方式了,一般我在写个小测试的情况下会用这种方式。把scri

大家好,欢迎来到IT知识分享网。web前端笔记(4)-js引入"

JS两种引入方式

1.引用外部js文件

直接在html里借助<script src=”js/test.js”></script>引入js

2.在页面中嵌入js

这是在页面使用js最简单的方式了,一般我在写个小测试的情况下会用这种方式。

把script元素写在</body>前面,script元素的内容就是js代码。像这样:

<script>
// 在这里写js
function test(){
alert('hello,world'); 
}
test();
</script>

script元素在HTML文件中的位置

如果把script元素放在head元素里,就像这样:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="xxx.js"></script>
</head>
<body>
<!--页面内容-->
</body>
</html>

这样做的话,待浏览器经过下载、解析、执行完js文件之后,才会呈现页面内容。如果一个页面需要很多个js文件,那么浏览器可能会出现很多问题,用户体验不好。

因此,正确的位置应是:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
</html>
<script>
    <--js内容-->
</script>

 

  

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/31026.html

(0)

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信