總網頁瀏覽量

2016年11月20日 星期日

[HTML] 加入 JavaScript

兩種方式:
1. 在 html 中利用 <script> 標籤將 JavaScript 程式碼包含入內.
2. 用 src 屬性引入 ".js" 檔案.

第一種:

<script language="JavaScript>
    JavaScript code
</script>

language 屬性:
告知瀏覽器目前使用哪種 Script 語言,以書中提及的語言有兩種 JavaScript 和 VBScript,
其實也可以直接利用 <script> .. </script> 將程式碼包住就好,
但是就要確定瀏覽器一定將預設的 Script 設定為 JavaScript.

有舊版的瀏覽器無法支援 JavaScript,
避免這些無法支援的瀏覽器在使用 JavaScript 時會直接把 JavaScript 程式碼印,
就可以利用 HTML 的註解 ( <!--    -->) 和 JavaScript 的註解 (//) 混合使用.

<script language="JavaScript">
<!--

//-->
<noscript>
瀏覽器不支援 JavaScript
</noscript>

 noscript 標籤讓不支援 JavaScript 的瀏覽器執行或顯示標籤內的文字或效果.


使用 src 屬性:

在 IE4.X 和 Netscape 3.X開始, 才可以適用此種方法載入外部 JavaScript 檔案(*.js)

<script=" [Data Name].js>


</script>


Exception:

<HTML>
    <head>
        <meta http-equiv = "Content-Type" content="text/html; charset=big">
        <title> Test connent </title>
        <script language ="JavaScript" src = "welcome.js">
        </script>
    </head>
    <body>
        <a href= "doc8.html">echo</a>
        <script language="JavaScript">
        <!--
            document.write("First JavaScript Exception");
        //-->
        </script>
        <noscript>
            瀏覽器不支援 JavaScript
        </noscript>
    </body>
</HTML>

利用  document.write() 將要在 JavaScript 顯示的語言用此包覆.

JavaScript  放置位置:

可以放在 <head> </head> 和 <body> </body> 標籤內,
在 <head> </head> 內放入程式碼,可以讓 JavaScript 在進入頁面時以視窗顯示.
在 <body> </body> 內放入程式碼,則是在一般網路頁面顯示.


參考來源:HTML & JavaScript 實用寶典

沒有留言:

張貼留言