js学习——引入js两种方式（1）

最新推荐文章于 2024-05-19 16:11:10 发布

远方有只兔子~

最新推荐文章于 2024-05-19 16:11:10 发布

阅读量1k

点赞数

分类专栏： javaScript 文章标签： javascript

本文链接：https://blog.csdn.net/qq_43812504/article/details/104608661

版权

javaScript 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

学习网址（后盾人）：https://www.houdunren.com/
b站视频：https://www.bilibili.com/video/av80536021
引入js的两种方式：
1.引入外部文件：
通过设置 src 属性引入外部js文件。
引入的1.js文件内容：

alert(3);

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>js练习</title>
</head>
<body>
     你好
    <script src="1.js"></script>
    
</body>
</html>

注意：
①引入外部文件时，在标签体内的脚本不会执行。
测试：引入的1.js文件内容：

alert(3);

**html**文件：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>js练习</title>
    <script src="1.js">
        alert('666.com');
    </script> 
</head>
<body>    
</body>
</html>

②一般将其放在内容的最后面，避免延迟：如果放在标签中，首先加载解析js，之后才会显示标签中的内容。
测试代码：引入的1.js文件内容：

alert(3);

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>js练习</title> 
</head>
<body>   
    你好
    <!-- <script src="1.js"></script> -->   
     <!-- 将其放在<head>标签体内与放在此处作比较 -->
</body>
</html>

结果：
在这里插入图片描述

2.内嵌脚本(不常使用)
像style标签一样，可以在html文档中使用script标签嵌入javascript代码。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>js练习</title>   
</head>
<body>
   
    你好
    <script>
        alert("consistent")
    </script>
</body>
</html>

远方有只兔子~

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js学习——引入js两种方式（1）

学习网址（后盾人）：https://www.houdunren.com/b站视频：https://www.bilibili.com/video/av80536021引入js的两种方式：1.引入外部文件：通过设置 src 属性引入外部js文件。引入的1.js文件内容：alert(3);<!DOCTYPE html><html lang="en">...
复制链接

扫一扫