Question

为什么这段代码不起作用？

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head></head>


<script language="JavaScript" type="text/javascript">
  if(document.images)
  {
    Narrow=new image
    Parrow=new image

    Narrow.src="C:/N.png"
    Parrow.src="C:/P.png"
  }
  else
  {
     Narrow=""
     Parrow=""
     document.arrow=""
  }
 </script>



<body>
    <A href="google.com" onmouseover="document.arrow.src=Parrow.src" onmouseout="document.arrow.src=Narrow.src">
    <img src="C:/N.png" Name="arrow" border="0" alt="arrow" /></A></body>

第9行第6列 - 警告：<script>元素中不允许<html>   第4行第1列 - 信息：前面提到的<html>
  信息：给出的Doctype是“ - // W3C // DTD XHTML 1.0 Transitional // EN”
  信息：文档内容看起来像XHTML 1.0 Transitional
  1警告，发现0错误！

正确的代码：

<script language="JavaScript" type="text/javascript"> 
if (document.images)
{
 img_N =new Image();

  img_N.src ="C:/N.png";


 img_P=new Image();

  img_P.src="C:/P.png";


    }
 function mouseOverImage()
{
    document.arrow.src = img_P.src
}
function mouseOutImage()
{
    document.arrow.src = img_N.src
}

 </script>

<body>

  <A href="google.com" onmouseover="mouseOverImage()" onmouseout="mouseOutImage()">
<img src="C:/N.png" name="arrow" border="0" alt="arrow" /></A>
</body>

Answer 1

Narrow=new image

应该是

var Narrow = new Image();

Answer 2

您应该在尝试检查文档之前等待文档加载，将代码填入函数并在<body onload="yourFunc()">

中调用它

此外，js区分大小写，因此其new Image();不是new image

如果文件是本地的，我会使用。src="file:///C:/N.png";

Answer 3

首先，你需要在每个javascript命令后加一个分号，你还没有关闭html标签，而且你还不清楚你要做什么。

如果您只是在鼠标悬停时尝试更改图像，那么这将有效（如果图像源有效）：

<body>
<a href="google.com" onmouseover="document.arrow.src='C:/P.png'" onmouseout="document.arrow.src='C:/N.png'">
<img src="C:/N.png" name="arrow" border="0" alt="arrow" />
</a>
</body>

javascript中的错误代码

3 个答案: