第九十七節，使用JavaScript

時間 2019-11-12

標籤第九十七使用 javascript 欄目 JavaScript 简体版

原文原文鏈接

使用JavaScriptjavascript

學習要點：html

1.建立一張HTML頁面java

2.<Script>標籤解析瀏覽器

3.JS代碼嵌入的一些問題緩存

一．建立一張HTML頁面學習

由於JavaScript是嵌套在html文檔中的，因此要想建立一個html文檔編碼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript講解</title>
</head>
<body>

</body>
</html>

二．<Script>標籤解析spa

<script>xxx</script>這組標籤，是用於在html頁面中插入js的主要方法。它主要有如下幾個屬性：code

1.charset：可選。表示經過src屬性指定的字符集。因爲大多數瀏覽器忽略它，因此不多有人用它。就是給js指定字符編碼htm

　　如：

 <script type="text/javascript" src="1.js" charset="UTF-8"></script>

2.defer：可選。表示腳本能夠延遲到文檔徹底被解析和顯示以後再執行。因爲大多數瀏覽器不支持，故不多用。

3.language：已廢棄。原來用於代碼使用的腳本語言。因爲大多數瀏覽器忽略它，因此不要用了。

4.src：可選。表示包含要執行代碼的外部文件。

　　如：

<script type="text/javascript" src="1.js" charset="UTF-8"></script>

5.type：必需。能夠看做是language的替代品。表示代碼使用的腳本語言的內容類型。

　　在HTML文檔裏寫範例：type="text/javascript"。

<script type="text/javascript">
    alert('歡迎來到JavaScript世界！');
</script>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript講解</title>
    <script type="text/javascript">
        alert('歡迎來到JavaScript世界！')
    </script>
</head>
<body>

</body>
</html>

三．JS代碼嵌入的一些問題

若是你想彈出一個</script>標籤的字符串，那麼瀏覽器會誤解成JS代碼已經結束了。解決的方法，就是把字符串分紅兩個部分，經過鏈接符‘+’來鏈接。

<script type="text/javascript">
    alert('</scr'+'ipt>');
</script>

通常來講，JS代碼愈來愈龐大的時候，咱們最好把他另存爲一個.js文件，經過src引入便可。它還具備維護性高、可緩存(加載一次，無需加載)、方便將來擴展的特色

<script type="text/javascript" src="demo1.js"></script>

這樣標籤內就沒有任何JS代碼了。但，要注意的是，雖然沒有任何代碼，也不能用單標籤：

<script type="text/javascript" src="demo1.js" />；

也不能在裏面添加任何代碼：

<script type="text/javascript" src="demo1.js">alert('我很可憐，執行不到！')</script>

按照常規，咱們會把<script>標籤存放到<head>...</head>之間。但有時也會放在body之間。

<head>
    <meta charset="UTF-8">
    <title>JavaScript講解</title>
    <script type="text/javascript">
        alert('歡迎來到JavaScript世界！')
    </script>
</head>

平穩退化不支持JavaScript處理：<nosciprt>，如今瀏覽器都支持了，但有的瀏覽器關閉了js支持功能，咱們能夠用<nosciprt>標籤給予提示

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript講解</title>
    <script type="text/javascript">
        alert('歡迎來到JavaScript世界！')
    </script>
</head>
<noscript>
    本站必須開啓JavaScript支持，請將瀏覽器開啓支持JavaScript
</noscript>
你好
<body>

</body>
</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。