从制造到创造
软件工程师成长之路
posts - 292,  comments - 96,  trackbacks - 0
        现在,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"

snap0001.gif


            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",后弹出对话框

snap0002.gif


      (2)  将代码放置在一个单独的文件中(*.js),在网页文件中引用这个文件

            script.js文件代码:
            
alert(new Date());

         主页面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 按钮,弹出对话框

snap0004.gif


      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链接,弹出对话框

snap0003.gif

posted on 2006-09-17 00:25 CoderDream 阅读(343) 评论(0)  编辑  收藏 所属分类: JavaScript

只有注册用户登录后才能发表评论。


网站导航:
 

<2006年9月>
272829303112
3456789
10111213141516
17181920212223
24252627282930
1234567

常用链接

留言簿(9)

我参与的团队

随笔分类(245)

随笔档案(239)

文章分类(3)

文章档案(3)

收藏夹(576)

友情链接

搜索

  •  

积分与排名

  • 积分 - 454186
  • 排名 - 115

最新评论

阅读排行榜

评论排行榜