Javascript 基础教程之网页中js代码的位置

我们可以将JavaScript代码放在html文件中任何位置,但是我们一般放在网页的head或者body部分。
放在<head>部分
最常用的方式是在页面中head部分放置<script>元素,浏览器解析head部分就会执行这个代码,然后才解析页面的其余部分。
放在<body>部分
JavaScript代码在网页读取到该语句的时候就会执行。

如下代码:

<!DOCTYPE html>
<html>
<head>
	<title>javascript</title>
	<script type="text/javascript"></script>
</head>
<body>

</body>
</html>

这样我们的js代码就是放在head 标签内

还可以放在正文中,如下代码

<!DOCTYPE html>
<html>
<head>
	<title>javascript</title>
</head>
<body>
	<script type="text/javascript">
		
	</script>
</body>
</html>

注意: javascript作为一种脚本语言可以放在html页面中任何位置,但是浏览器解释html时是按先后顺序的,所以前面的script就先被执行。比如进行页面显示初始化的js必须放在head里面,因为初始化都要求提前进行(如给页面body设置css等);而如果是通过事件调用执行的function那么对位置没什么要求的。

下面我们来看下js 代码的格式

   <script type="text/javascript">
                js 语句 ;
    </script>

每一个js语句结尾,要写上一个英文状态下的分号,虽然可以不写,但是我们为了写代码的规范性,所以还是写上,接下来我们写一个实例:

<!DOCTYPE html>
<html>
<head>
	<title>javascript</title>
</head>
<body>
	<script type="text/javascript">
		document.write("HELLO    ");
		document.write("WORLD");
	</script>
</body>
</html>

注:document.write 这是输出的语句,后面我们会讲到

继续学习
||
<!DOCTYPE html> <html> <head> <title>javascript</title> </head> <body> <script type="text/javascript"> document.write("HELLO "); document.write("WORLD"); </script> </body> </html>
提交重置代码
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!