0

我需要从以下 html 文档中提取函数,创建一个单独的 js 文档来包含该函数并修改我现有的代码,使其包含我的 js 文件。然后我必须在我的 html 文件中创建一个名为“DoTheLink”的新函数。我将从我的 js 文件中的函数调用该函数。“DoTheLink”将传递给网站变量,并将设置按钮的 onclick 属性。

这是我必须使用的:

<!DOCTYPE html>
<html>
<head>
<title>funky jumper </title>
</head>

<body>
<script>


var surfCaption="You\'ve selected: Bird Rock Surf Cam";
var surfButton="Bird Rock Surf Cam";
var surfWeb="http://www.surfline.com/surf-report/birdrock-7-california_4249";
var grandmaCaption="You\'ve selected: Grandma\'s Weather";
var grandmaButton="Grandma\'s Weather";
var grandmaWeb="http://www.weather.com/weather/today/Bronx+NY+10463:4:US";
var dollCaption="You\'ve selected: Noodle-head sewing";
var dollButton="Noodle-head sewing";
var dollWeb="http://www.noodle-head.com/2010/01/another-round-of-black-apple-dolls.html";

</script>
<div style="text-align: center">

<table align="center">
<td> <img src="http://nees.oregonstate.edu/killer_wave/wave.jpg" alt="Surf" border="3" height="280" width="172" onclick="uno(surfCaption, surfButton, surfWeb);">
</td>
<td> <img src="http://wirednewyork.com/images/city-guide/liberty/liberty.jpg"  alt="Grandma's Weather" border="3" height=280  width=200
onclick="uno(grandmaCaption, grandmaButton, grandmaWeb);">
</td>
<td> <img src="http://4.bp.blogspot.com/__A1V8kztPXs/S1XYcpBScbI/AAAAAAAAA00/S_nd0bNtUR8/s640/helpfulhannahpresent3.jpg" alt="Noodle-head" border="3" height=280  width=180
onclick="uno(dollCaption, dollButton, dollWeb);">
</td>
</table>

<p id="captionUnderTable" >Nothing Selected</p>
<br>
<button id="NewButton" >Click on a picture, then click me to go!</button>
</div>

<script>
 function uno(Caption, Button, Web)
{
document.getElementById("captionUnderTable").innerHTML=Caption;
document.getElementById("NewButton").innerHTML=Button;
document.getElementById("NewButton").setAttribute('onclick','window.location.href="'+Web+'";')
<!--When the picture is clicked, go get the variable associated with that picture-->
}
</script>

</body>
</html>
4

1 回答 1

0

如果您尝试将 < script > 标记之间的内容放在另一个文件中,此链接可能会有所帮助:http ://www.htmlgoodies.com/beyond/javascript/article.php/3470901/So-You-Want- An-External-JavaScript-Huh.htm

于 2013-10-04T05:03:48.480 回答