导入js的三种方式

文章目录

    • 1 行内导入方式(不推荐,不安全)
    • 2 内嵌式
    • 3 外链式
    • 4 注意点

1 行内导入方式(不推荐,不安全)

<body>
    <span onclick="alert('第一种方式')">导入js的第一种方式,行内导入span>
body>

2 内嵌式


<html>
    <head>
        <meta charset="gbk">
        <title>indextitle>
        <script>
		alert('第二种方式');
	script>
    head>
    <body>
    body>
html>

3 外链式

如果把script元素放在head元素里,待浏览器经过下载、解析、执行完js文件之后,才会呈现页面内容。如果一个页面需要很多个js文件,那么浏览器可能会出现短暂的“白板”,用户体验不好。所以,我们应该把js文件放在的前面,这样浏览器会先展现页面给用户。type属性可以不写

<script src="/xxx.js">script>

4 注意点

内嵌导入和外链导入不能合并到一起

<script src="/xxx.js">
	alert('这个不会被执行');
script>

你可能感兴趣的:(前端)