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

一,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>

猜你喜欢

转载自blog.csdn.net/qq_43623447/article/details/104032566
今日推荐