<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    qileilove

    blog已經轉移至github,大家請訪問 http://qaseven.github.io/

    JavaScript 使用

    HTML 中的腳本必須位于 <script> 與 </script> 標簽之間。

    腳本可被放置在 HTML 頁面的 <body> 和 <head> 部分中。

    <script> 標簽

    如需在 HTML 頁面中插入 JavaScript,請使用 <script> 標簽。

    <script> 和 </script> 會告訴 JavaScript 在何處開始和結束。

    <script> 和 </script> 之間的代碼行包含了 JavaScript:

    <script> alert("My First JavaScript"); </script> 

    您無需理解上面的代碼。只需明白,瀏覽器會解釋并執行位于 <script> 和 </script> 之間的 JavaScript。

    那些老舊的實例可能會在 <script> 標簽中使用 type="text/javascript"?,F在已經不必這樣做了。JavaScript 是所有現代瀏覽器以及 HTML5 中的默認腳本語言。

    <body> 中的 JavaScript

    在本例中,JavaScript 會在頁面加載時向 HTML 的 <body> 寫文本:

    實例

    <!DOCTYPE html> <html> <body> . . <script> document.write("<h1>This is a heading</h1>"); document.write("<p>This is a paragraph</p>"); </script> . . </body> </html> 

    親自試一試

    JavaScript 函數和事件

    上面例子中的 JavaScript 語句,會在頁面加載時執行。

    通常,我們需要在某個事件發生時執行代碼,比如當用戶點擊按鈕時。

    如果我們把 JavaScript 代碼放入函數中,就可以在事件發生時調用該函數。

    您將在稍后的章節學到更多有關 JavaScript 函數和事件的知識。

    <head> 或 <body> 中的 JavaScript

    您可以在 HTML 文檔中放入不限數量的腳本。

    腳本可位于 HTML 的 <body> 或 <head> 部分中,或者同時存在于兩個部分中。

    通常的做法是把函數放入 <head> 部分中,或者放在頁面底部。這樣就可以把它們安置到同一處位置,不會干擾頁面的內容。

    <head> 中的 JavaScript 函數

    在本例中,我們把一個 JavaScript 函數放置到 HTML 頁面的 <head> 部分。

    該函數會在點擊按鈕時被調用:

    實例

    <!DOCTYPE html> <html>  <head> <script> function myFunction() { document.getElementById("demo").innerHTML="My First JavaScript Function"; } </script> </head>  <body>  <h1>My Web Page</h1>  <p id="demo">A Paragraph</p>  <button type="button" onclick="myFunction()">Try it</button>  </body> </html> 

    親自試一試

    <body> 中的 JavaScript 函數

    在本例中,我們把一個 JavaScript 函數放置到 HTML 頁面的 <body> 部分。

    該函數會在點擊按鈕時被調用:

    實例

    <!DOCTYPE html> <html> <body>  <h1>My Web Page</h1>  <p id="demo">A Paragraph</p>  <button type="button" onclick="myFunction()">Try it</button>  <script> function myFunction() { document.getElementById("demo").innerHTML="My First JavaScript Function"; } </script>  </body> </html> 

    親自試一試

    提示:我們把 JavaScript 放到了頁面代碼的底部,這樣就可以確保在 <p> 元素創建之后再執行腳本。

    外部的 JavaScript

    也可以把腳本保存到外部文件中。外部文件通常包含被多個網頁使用的代碼。

    外部 JavaScript 文件的文件擴展名是 .js。

    如需使用外部文件,請在 <script> 標簽的 "src" 屬性中設置該 .js 文件:

    實例

    <!DOCTYPE html> <html> <body> <script src="myScript.js"></script> </body> </html> 

    親自試一試

    在 <head> 或 <body> 中引用腳本文件都是可以的。實際運行效果與您在 <script> 標簽中編寫腳本完全一致。

    提示:外部腳本不能包含 <script> 標簽。

    posted on 2014-03-21 14:29 順其自然EVO 閱讀(175) 評論(0)  編輯  收藏 所屬分類: js

    <2025年5月>
    27282930123
    45678910
    11121314151617
    18192021222324
    25262728293031
    1234567

    導航

    統計

    常用鏈接

    留言簿(55)

    隨筆分類

    隨筆檔案

    文章分類

    文章檔案

    搜索

    最新評論

    閱讀排行榜

    評論排行榜

    主站蜘蛛池模板: 亚洲AV日韩AV永久无码免下载 | 国产免费人成视频在线播放播| 免费电影在线观看网站| 久久亚洲精品成人无码网站| 7m凹凸精品分类大全免费| 亚洲国产综合专区在线电影| 99re这里有免费视频精品| 亚洲一区二区三区电影| 亚洲啪啪免费视频| 亚洲av无码一区二区三区观看| 亚洲w码欧洲s码免费| 亚洲剧场午夜在线观看| 亚洲人成电影网站免费| 亚洲av中文无码字幕色不卡| 日韩毛片免费在线观看| 青青草国产免费国产是公开 | 亚洲AV天天做在线观看| 最近中文字幕大全免费视频| 亚洲不卡中文字幕| 国产精品免费_区二区三区观看| 四虎永久在线精品免费一区二区| 中文字幕专区在线亚洲| 日韩精品在线免费观看| 亚洲成a人片在线观看播放| 四虎成人精品一区二区免费网站| 美女扒开屁股让男人桶爽免费| 国产精品亚洲不卡一区二区三区 | A在线观看免费网站大全| 亚洲男人的天堂网站| 久久亚洲欧洲国产综合| 亚洲免费视频网站| 亚洲老熟女五十路老熟女bbw| 亚洲乱码中文字幕手机在线| 四虎影视在线影院在线观看免费视频| 亚洲福利电影一区二区?| 在线免费观看韩国a视频| a级毛片免费在线观看| 国产.亚洲.欧洲在线| 亚洲无线一二三四区手机| 日本h在线精品免费观看| 美女裸体无遮挡免费视频网站|