Chinaunix首页 | 论坛 | 博客
  • 博客访问: 503323
  • 博文数量: 184
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 1172
  • 用 户 组: 普通用户
  • 注册时间: 2016-06-21 13:40
个人简介

技术改变命运

文章分类

全部博文(184)

文章存档

2020年(16)

2017年(12)

2016年(156)

我的朋友

分类: Java

2017-11-06 21:46:53


点击(此处)折叠或打开

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="utf-8"/>
  5.     <title >image gallery </title>
  6. </head>
  7. <body>
  8.     <h1>SnapShots</a>
  9.     <ul>
  10.         <li>
  11.             <a href="images/1.jpg" onclick="showpic(this);return false;" title="picture one">picture one</a>
  12.         </li>
  13.         <li>
  14.             <a href="images/2.jpg" onclick="showpic(this);return false;" title="picture two">picture two</a>
  15.         </li>
  16.         <li>
  17.             <a href="images/3.jpg" onclick="showpic(this);return false;" title="picture three">picture three</a>
  18.         </li>
  19.         <li>
  20.             <a href="images/4.jpg" onclick="showpic(this);return false;" title="picture four">picture four</a>
  21.         </li>
  22.     </ul>
  23.     <img src="images/5.jpg" id="placeholder" alt="sf"/>
  24.     <p id="description" >choose a picture</p>
  25.     <script type="text/javascript">
  26.         function showpic(whichpic)
  27.         {
  28.             //alert("Hello world");
  29.             var source = whichpic.getAttribute("href");
  30.             var holder = document.getElementById("placeholder");
  31.             holder.setAttribute("src",source);
  32.             var text = whichpic.getAttribute("title");
  33.             var desc = document.getElementById("description");
  34.             desc.firstChild.nodeValue = text;
  35.         
  36.         
  37.         
  38.         }
  39.     </script>
  40.     
  41. </body>
  42. </html>
运行结果:

一般情况下,JS引用方式为:

第①种

language="Javascript">

第②种

type="text/javascript">

那么,这两种引用的区别在哪里呢?

在HTML网页里插入Javascript语句,应使用HTML的;其内部的代码为Javascript语句。

比如:

但是在参考别人的Javascript代码时,却看到里的代码是Javascript。然而,language这个属性在W3C的HTML标准中,已不再推荐使用

虽然这两种引用都没有错,但是,今后我们在制作Web网页的时候,应该使用第②种方法,尽可能的少使用或舍弃第①种方法。
错用language属性导致调试了好长一段时间。

阅读(2068) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~