JavaScript教程-2-JavaScript代码的引入方式和执行特点

最新推荐文章于 2022-07-02 16:39:04 发布

木易yves

最新推荐文章于 2022-07-02 16:39:04 发布

阅读量216

点赞数

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

本文链接：https://blog.csdn.net/qq_35938103/article/details/104797010

版权

javascript 专栏收录该内容

44 篇文章 1 订阅

订阅专栏

1：JavaScript的代码的引入方式有两种

--直接将代码书写在<script>标记中。

--引入外部的js文件

例子：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<!--第一种引入方式，直接将代码内嵌书写到HTML脚本中-->
		<script type="text/javascript">
			window.alert("hello world!");
		</script>
		<!--第二种引入方式，使用scr属性引入外部js代码文件-->
		<script type="text/javascript" src="js/001.js"></script>
	</head>
	<body>
	</body>
</html>

001.js代码：alert("hello")

2：执行特点

-- JavaScript是从上往下顺序执行的。

- -<script>标签的个数没有限制，不能嵌套。

-- 如果使用了外部引入的方式，那么<script>标签中就不应该有任何代码，即使有代码也不会被执行。

-- 如果希望某一个<script>标签中的JavaScript延迟执行，那么可以使用属性defer来达到延迟执行某些代码，代码在页面加载完毕之后才会执行（执行完window.onload()）

例子：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<!--
		1：第二种引入方式，引入外部js代码文件 使用属性 src引入 外部js代码
		2：这个会被先执行，从上到下依次执行
		3：给它添加defer属性之后，001.js中的代码会被延迟执行，属性的值为defer。
		代码在页面加载完毕之后才会执行（执行完window.onload()）
		-->
		<script type="text/javascript" src="js/001.js" defer="defer"></script>
		
		<!--第一种引入方式，直接将代码内嵌书写到HTML脚本中-->
		<script type="text/javascript" >
			window.alert("hello world!");
		</script>
	</head>
	<body>
	</body>
</html>

PS：笔者有大量的学习资料：java、python、大数据、人工智能、前端等。需要的小伙伴请加群：711408961

笔者的b站中有一些教学视频分享。感兴趣的小伙伴可以关注：https://space.bilibili.com/412362068

木易yves

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript教程-2-JavaScript代码的引入方式和执行特点

1：JavaScript的代码的引入方式有两种--直接将代码书写在<script>标记中。--引入外部的js文件例子：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <!--第一种引入...
复制链接

扫一扫