JavaScript详解（2.如何在网页中使用脚本语言）

野性酷女 2023-06-30 15:57 26阅读 0赞

### 文章目录 ###

*  一，JS的引用方式
 *  二，<script>标记的使用要点

# 一，JS的引用方式 #

1，在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>标记的使用要点 #

注意事项:

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>