Question

我想像以下HTML代码中那样调用函数：

<html>
<head>
<script>
var reg1 = new Image
var red1 = new Image
reg1.src="1.gif"
red1.src="1R.gif"
var reg1s = new Image
var red1s = new Image
reg1s.src="1s.gif"
red1s.src="1sR.gif"
var reg3s = new Image
var red3s = new Image
reg3s.src="3s.gif"
red3s.src="3sR.gif"
</script>
</head>
<body>
<script LANGUAGE="JavaScript" src="script.js">
NavigationBar();
</script>
<h1 align="center">Welcome to Drexel!</h1>
<center> <img src="DrexelDragons.png"> </center>
These images are public domain clip art obtained from 
<a href="http://www.clipart.co.uk/"><img src="cwbutton.gif"></a>
</body>
</html>

我是从一个单独的.js文件中调用它的。这是代码。

function NavigationBar()
{
document.write("<a href=\"Home page2.html\" onMouseOver=\"document.thereg1.src=red1.src\" onMouseOut=\"document.thereg1.src=reg1.src\"><img src=\"1.gif\" Name=\"thereg1\"></a>")
return ""
}

我的问题是这会运行但它不会显示图像或执行我希望它在声明为函数时执行的操作。如果我把它作为document.write语句，它工作得很好，但我需要它作为一个函数。

Answer 1

不要混合加载外部资源的脚本标记和应该执行其内容的脚本标记。如果标记具有src属性，浏览器必须忽略标记中的内容：

如果src具有URI值，则用户代理必须忽略该元素的内容并通过URI检索脚本

将其更改为此应该可以正常工作：

<script type="text/javascript" src="script.js"></script>
<script type="text/javascript">
  NavigationBar();
</script>

来源：

What does a script-Tag with src AND content mean?

http://www.w3.org/TR/1999/REC-html401-19991224/interact/scripts.html#edef-SCRIPT

从另一个文件调用函数

1 个答案: