JS的内部引入和外部引入

最新推荐文章于 2024-06-09 19:30:00 发布

正直的小翟

最新推荐文章于 2024-06-09 19:30:00 发布

阅读量2.4k

点赞数 1

分类专栏： JAVA 文章标签： javascript js

本文链接：https://blog.csdn.net/zhai314341197/article/details/104793717

版权

JAVA 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

1.内部JS

1.1语法
在html里增加<script>标签，把js代码写在标签体里

<script>
	//在这里写js代码
</script>

ex：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js引入方式-内部js</title>
    <script>
        //操作浏览器弹窗
        alert("hello, world");
    </script>
</head>
<body>

</body>
</html>

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

2.外部JS

1.语法

把js代码写在单独的js文件中，js文件后缀名是.js
在HTML里使用<script>标签引入外部js文件

<script src="js文件的路径"></script>

3.注意事项

一个script标签，不能既引入外部js文件，又在标签体内写js代码。
错误演示：

<script src="../js/my.js">
	alert("hello");
</script>

正确演示：

<script src="../js/my.js"></script>
<script>
	alert("hello");
</script>

正直的小翟

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JS的内部引入和外部引入

1.内部JS1.1语法在html里增加<script>标签，把js代码写在标签体里<script> //在这里写js代码</script>ex：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <tit...
复制链接

扫一扫