【0035】javascrip脚本放在哪个位置？

最新推荐文章于 2021-05-31 23:41:37 发布

FlashKoo

最新推荐文章于 2021-05-31 23:41:37 发布

阅读量253

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_32486599/article/details/73633128

版权

前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

有时候，您实际上需要把代码放置在不同地方以符合代码运行要求。比如，您需要在代码全部载入浏览器后再运行代码，那就可以
将<script>标签放在</html>后面去，如果您需要在页面载入的时候运行代码，可以把js代码放入<head></head>之间。

提示：浏览器执行html代码是自上而下的线性过程，<script>作为html代码的一部分同样遵循这个原则！

head 部分中的脚本:

<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>javascript放在head里面</title>
	<script type=”text/javascript”>
		
	</script>
</head>

<body>
	
</body>
</html>

body 部分中的脚本: 。

（一般放在body最底部）

<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>javascript放在head里面</title>
</head>

<body>
	
	<script type=”text/javascript”>
		
	</script>
</body>
</html>

外部js

<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>javascript放在head里面</title>
	<script type="text/javascript" src="myScript.js"></script>

</head>

<body>
	
</body>
</html>

测试

<!doctype html>
<html>
<meta http-equiv="content-type" content="text;charset=UTF-8" />
<head>
	<script type="text/javascript">
		document.write("head中代码被执行");
		alert("<head>中代码被执行")
	</script>
</head>
<body>
	body1
	<script type="text/javascript">
		document.write("body1中代码被执行");
		alert("<body>1中代码被执行")
	</script>
	
	body2

	<script type="text/javascript">
		document.write("body2中代码被执行");
		alert("<body>2中代码被执行")
	</script>
</body>
</html>

	<script type="text/javascript">
		document.write("html下代码被执行");
		alert("<html>下代码被执行")
	</script>

FlashKoo

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
【0035】javascrip脚本放在哪个位置？

有时候，您实际上需要把代码放置在不同地方以符合代码运行要求。比如，您需要在代码全部载入浏览器后再运行代码，那就可以将标签放在后面去，如果您需要在页面载入的时候运行代码，可以把js代码放入之间。提示：浏览器执行html代码是自上而下的线性过程，作为html代码的一部分同样遵循这个原则！head 部分中的脚本: javascript放在head里面
复制链接

扫一扫