目录
js和html相结合的方式
当js脚本写好之后 如何来使用js呢，有2种方式对js进行调用，
l js代码和html代码都写在html网页中
l 将js文件单独写在一个文件中，然后使用引入到html语言中
这样，<script
type="text/javascript"> 和 </script> 就可以告诉浏览器 JavaScript 从何处开始，到何处结束。
|
<html> <head> <title></title> </head> <body> <script type = "text/javascript"> //js代码区域 alert("hello js!"); </script> </body> </html> |
使用外部JavaScript
有时，你也许希望在若干个页面中运行 JavaScript，同时不在每个页面中写相同的脚本。
为了达到这个目的，你可以将 JavaScript 写入一个外部文件之中。然后以 .js 为后缀保存这个文件。然后把 .js 文件指定给 <script> 标签中的 "src" 属性，就可以使用这个外部文件了：
当网页打开后会调用script中的代码
HTML文件
|
<html> <head> <title></title> </head> <body> <script
type = "text/javascript" src
= "myJavascript.js"></script> </body> </html> |
JS文件
创建一个.js文件名字叫做myJavascript.js然后将这个文件和html文件放在一起
当在HTML文件中链接好了这个js文件，以后就可以在这个js文件里写代码了。
|
alert(
"hello js!" ); |
提示：
一旦在script标签中引入了src属性，并且链接了.js文件，那么再在<script></script>标签中的嵌入代码将均不会被执行。
在哪里放置javascript
代码自己重新总结
页面中的脚本会在页面载入浏览器后立即执行。我们并不总希望这样。有时，我们希望当页面载入时执行脚本，而另外的时候，我们则希望当用户触发事件时才执行脚本。
位于
head 部分的脚本：
当脚本被调用时，或者当事件被触发时，脚本就会被执行。当你把脚本放置到 head 部分后，就可以确保在需要使用脚本之前，它已经被载入了。
|
<html> <head> <script type="text/javascript"> .... </script> </head> .... |
位于 body
部分的脚本：
在页面载入时脚本就会被执行。当你把脚本放置于 body 部分后，它就会生成页面的内容。
|
<html> <head> </head> <body> <script type="text/javascript"> .... </script> </body> </html> |
在 body 和 head 部分的脚本：
你可以在文档中放置任何数量的脚本，因此你既可以把脚本放置到 body，又可以放置到 head 部分。
|
<html> <head> <script type="text/javascript"> .... </script> </head> <body> <script type="text/javascript"> .... </script> </body> </html> |