现在,JavaScript技术已经应用非常广泛,所以学好JavaScript肯定对自己的工作和学习都有好处。以前零零散散学过一些,并不系统,所以从今天开始,通过视频教学加参考资料,好好学一下这个东西。
JavaScript脚本代码的位置
可以在三个地方编写JavaScript脚本代码:
① 在网页文件的<script></script>标签对中直接编写
② 将代码放置在一个单独的文件中(*.js),在网页文件中引用这个文件
③ 将代码作为某个元素的事件属性值或者超链接的href属性值。
(1)
在网页文件的<script></script>标签对中直接编写
JavaScript代码可以放在<head></head>标签对或者<body></body>标签对中。
a:放在<head></head>标签对中
1 <html>
2 <head>
3 <title>JS代码的位置</title>
4 <script language="JavaScript">
5 alert(new Date());
6 </script>
7 </head>
8 <body>
9 abc
10 </body>
11 </html>
执行结果为:先弹出对话框,后显示 "abc"
b:放在<body></body>标签对中
1 <html>
2 <head>
3 <title>JS代码的位置</title>
4 </head>
5 <body>
6 abc
7 <script language="JavaScript">
8 alert(new Date());
9 </script>
10 </body>
11 </html>
执行结果为:先显示 "abc",后弹出对话框
(2)
将代码放置在一个单独的文件中(*.js),在网页文件中引用这个文件
script.js文件代码:
主页面alert.htm文件代码:
1 <html>
2 <head>
3 <title>内嵌JS文件</title>
4 <script src="script.js" language="JavaScript">
5 </script>
6 </head>
7 <body bgcolor="white">
8
9 </body>
10 </html>
运行结果:打开页面,弹出对话窗口。
(3)
将代码作为某个元素的事件属性值或者超链接的href属性值。 a : 将代码作为某个元素的事件属性值:
1 <html>
2 <head>
3 <title> 将JS代码作为A标签的属性</title>
4 </head>
5 <body bgcolor="white">
6 <input type="button" value="test" onclick="alert(new Date())">
7 </body>
8 </html>
运行结果:单击test 按钮,弹出对话框
b : 将代码作为超链接的href属性值:
1 <html>
2 <head>
3 <title> 将JS代码作为A标签的属性</title>
4 </head>
5 <body bgcolor="white">
6 <a href="JavaScript:alert(new Date());">JavaScript</a>
7 </body>
8 </html>
运行结果:点击JavaScript链接,弹出对话框
posted on 2006-09-17 00:25
CoderDream 阅读(348)
评论(0) 编辑 收藏 所属分类:
JavaScript