標籤:
javascript在html中使用
index.html:
<html><head> <title>javascript</title> <script type="text/javascript"> function showTime(){ var d = new Date(); alert(d.toLocaleString()); } </script>
<script type="text/javascript" src="main.js"></script></head><body> <h3>1.在使用的位置加入script標記</h3> <select name="year"> <script> for(var i = 1990; i < 2015; i++) { document.write("<option value=‘" + i + "‘>" + i + "</option>"); } </script> </select> <h3>2.在事件處理中寫指令碼 onclick</h3> <input type="button" value="hello" onclick="alert(‘Hello world!‘)"/> <h3>3.代碼寫入函數中 在事件中調用</h3> <input type="button" value="時間" onclick="showTime()"/> <h3>4.在超連結中寫指令碼</h3> <a href="javascript:alert(‘呵呵‘)">刪除</a> <h3>5.在外部檔案寫指令碼 .js匯入 到當前文檔</h3> <input type="button" value="背景" onclick="change()"/></body></html>
main.js:
function change() { document.bgColor="pink";}
在相同目錄下:
用firefox開啟index.html
結果:
javascript在html中使用 第10節