一,JS的引用方式
1,在HTML文档中插入脚本语言可以使用
1.<html>
2. <head>
3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
4. <title>JavaScript初级</title>
5. <script>
6. function test(){
7. alert("我的第一个js程序!");
8. }
9. </script>
10. </head>
11. <body>
12. <input type=button value=测试 onclick="test();" />
13. </body>
14.</html>
2,在实际应用中考虑到脚本语言书写的代码可能会比较长,可以将脚本语言单独写在扩展明为.js的脚本文件中,然后在
HTML中
1.<html>
2. <head>
3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
4. <title>JavaScript初级</title>
5. <script src="2.js" type="text/javascript"></script>
6. </head>
7. <body>
8. <input type=button value=测试 onclick="test();" />
9. </body>
10.</html>
2.js中
1.function test(){
2. alert("我的第一个js程序!");
3.}
4.//不能再js文件中写:<script>标记,这个标记是html标记!
二,<script>标记的使用要点
<script>标记可以置于页面任意位置!
<script>定义函数一般置于中
<script>可以直接写js语句。
注意事项:
1.<script type=“text/javascript” src=“js/test01.js” /> 此语法不符合html规范.
2.如果script 中存在加载外部js文件,而且又在标签中含有ja代码块,则只会下载并执行外部脚本文件,嵌入的代码会被忽略.
3.浏览器按照<script>元素在页面中出现的先后顺序对它们依次进行解析
4.如果将js放入<head>元素中引用,当js代码很多的时候,会导致浏览器在呈现页面时,出现明显的延迟,而延迟期间浏览器窗口是一片空白,为了避免这个问题,一般将全部的js放在<body>元素中页面的内容后面引用
1.<html>
2. <head>
3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
4. <title>JavaScript初级</title>
5. <script>
6. function test(){
7. alert("我的第一个js程序!");
8. }
9. </script>
10. </head>
11. <body>
12. <input type=button value=测试 onclick="test();"/>
13. <script>
14. alert("script标记可以置于页面任意部分!甚至可以直接执行js语句!");
15. </script>
16. </body>
17.</html>