1
這是一個相當平凡的問題，但我似乎無法找到一個簡單或有用的答案。我創建了一個簡單的網頁，其中包含五個圖像佔位符，用九個隨機圖片中的一個填充。我創建了（我相信是）使用JavaScript的隨機圖片生成器。問題是，我無法弄清楚如何在HTML文檔中包含腳本（作爲單獨的文件），以便在頁面加載時腳本執行。將JavaScript連接到HTML
<!DOCTYPE html>
<script type="="text/javascript" src="mpl.js"></script>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link href="mplstyles.css" rel="stylesheet" type="text/css" />
<title>Monroe Public Library</title>
</head>
<body>
<div id="pageContent">
<div id="head">
<img src="mpl.jpg" alt="Monroe Public Library" />
</div>
<div id="links">
<ul class = "nav">
<span>Quick Links</span>
<li><a href="#">Home Page</a></li>
<li><a href="#">Online Catalog</a></li>
<li><a href="#">Friends of MPL</a></li>
<li><a href="#">New Books and Other Good Reading</a></li>
<li><a href="#">Ohio Virtual Library</a></li>
<li><a href="#">Internet Public Library</a></li>
<li><a href="#">Services and Collection</a></li>
<li><a href="#">Adult Programs</a></li>
<li><a href="#">Teen Central</a></li>
<li><a href="#">Children's Room</a></li>
<li><a href="#">Computers at MPL</a></li>
<li><a href="#">Computer Rules and Procedures</a></li>
<li><a href="#">Staff Directory</a></li>
<li><a href="#">Library Records</a></li>
</ul>
</div>
<div id="main">
<h2>Library Records</h2>
<p>To view the library records, enter your username and password.</p>
<form id="login" method="post" action="">
<p>
<label for="username" class="center" id="input"> Username:</label>
<input type="text" id="username" name="username" size="20" />
</p>
<p>
<label for="password" class="center" id="input"> Password:</label>
<input type="password" id="password" name="password" size="20" />
</p>
<p>
<label for="captcha" id="input">As a final security check, enter the 5 numbers you see displayed below.</label>
<input type="text" id="captcha" name="captcha" size="6" />
</p>
<p id="login"> </p>
<p align="center"><img src="" alt="" name="number1" width="70" height="100" id="number1"><img src="" alt="" name="number2" width="70" height="100" id="number2"><img src="" alt="" name="number3" width="70" height="100" id="number3"><img src="" alt="" name="number4" width="70" height="100" id="number4"><img src="" alt="" name="number5" width="70" height="100" id="number5"></p>
<div id="images">
</div>
<p align="center">
<input type="submit" value="View Library Records" />
</p>
</form>
</div>
<div id="address">
<span class="addressBold">Monroe Public Library</span>
580 Main Street, Monroe, OH 45050
<span class="addressBold">Phone</span>(513) 555-0211
<span class="addressBold">Fax</span>(513) 555-0241
</div>
</div>
</body>
</html>
window.onload = function()
{
function randomPictures()
{ //http://www.java-scripts.net/javascripts/Random-Image-Script.phtml
var pictureNumbers=new Array()
//specify random images below. You can have as many as you wish
pictureNumbers[1]="0.jpg"
pictureNumbers[2]="1.jpg"
pictureNumbers[3]="2.jpg"
pictureNumbers[4]="3.jpg"
pictureNumbers[5]="4.jpg"
pictureNumbers[6]="5.jpg"
pictureNumbers[7]="6.jpg"
pictureNumbers[8]="7.jpg"
pictureNumbers[9]="8.jpg"
pictureNumbers[10]="9.jpg"
var randomNumber = Math.floor(Math.random()*pictureNumbers.length)
if (randomNumber==0)
{
randomNumber=1
document.write('<img src="'+pictureNumbers[randomNumber]+'" border=0>')
}
if (randomNumber==1)
{
document.write('<img src="'+pictureNumbers[randomNumber]+'" border=0>')
}
if (randomNumber==2)
{
document.write('<img src="'+pictureNumbers[randomNumber]+'" border=0>')
}
if (randomNumber==3)
{
document.write('<img src="'+pictureNumbers[randomNumber]+'" border=0>')
}
if (randomNumber==4)
{
document.write('<img src="'+pictureNumbers[randomNumber]+'" border=0>')
}
if (randomNumber==5)
{
document.write('<img src="'+pictureNumbers[randomNumber]+'" border=0>')
}
if (randomNumber==6)
{
document.write('<img src="'+pictureNumbers[randomNumber]+'" border=0>')
}
if (randomNumber==7)
{
document.write('<img src="'+pictureNumbers[randomNumber]+'" border=0>')
}
if (randomNumber==8)
{
document.write('<img src="'+pictureNumbers[randomNumber]+'" border=0>')
}
if (randomNumber==9)
{
document.write('<img src="'+pictureNumbers[randomNumber]+'" border=0>')
}
}
}
什麼是所有的'if'報表的目的是什麼？他們中的每一個都執行相同的陳述！ –
*「問題是，我無法弄清楚如何在HTML文檔中包含腳本（作爲單獨的文件）[...]」*我建議查看http://quirksmode.org/js/ placejs.html –
從腳本標記中刪除** type =「=」text/javascript「** – Alaeddine