我们可以将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 这是输出的语句,后面我们会讲到
下一节