javascript在html中使用 第10節

來源:互聯網
上載者:User

標籤:

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節

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.