html中的js代碼的簡化,html代碼簡單

本文目錄一覽：

1、html文件中有一段JS代碼，如何把這段JS代碼單獨寫成一個JS文件，然後在html中調用它呢
2、如何將js 輸出到html源碼中?
3、在html中直接寫js代碼好，還是導入js文件好啊，是不是後者更安全呢？謝謝，本人新手。
4、如何精簡HTML代碼？
5、如何在html中調用js代碼

html文件中有一段JS代碼，如何把這段JS代碼單獨寫成一個JS文件，然後在html中調用它呢

1、新建一個文本文件。把你的script type=”text/javascript”*****/script裏面的所有代碼放進去，注意，不帶script type=”text/javascript”.保存的時候記得擴展名保存成.js文件。例如：demo.js;

2、在你當前文件中插入script type=”text/javascript” src=”demo.js”/script

即可！

如何將js 輸出到html源碼中?

HTML中調用JS代碼。

js代碼註解：javascript代碼，可直接在客戶端解釋執行，html中調用js代碼的方法有兩種：一、將javascript寫在html文件中，在html中調用js函數等；二、js代碼寫一個文件中，在html中引用該文件，使用js文件中定義的js函數。

調用方法：

1、打開Dreamweaver軟件，在創建新項目下選擇HTML；

2、點擊「文件」——「另存為」——文件命名為test——保存在電腦桌面；

3、編寫html文件，html文件包含用戶名及密碼輸入文本框，確定和取消按鈕；

4、在title標籤下插入script language=”JavaScript”js代碼/script，在html中調用js函數；

5、js代碼編寫及html調用js代碼完成保存tset.html文件，在瀏覽器中打開test.html文件，檢查js代碼執行效果；

6、在Dreamweaver軟件中新建check.js文件（方法同html文件新建），check文件中輸入校驗函數；

7、test.html的title標籤下引用check.js文件；

8、在程序中引用check.js文件中js函數，在瀏覽器中刷新test.hmtl文件，然在username的輸入框中輸入非法字符來檢驗js代碼。

在html中直接寫js代碼好，還是導入js文件好啊，是不是後者更安全呢？謝謝，本人新手。

一般不涉及安全問題

導入js文件的目的是為了極大的簡化html頁面代碼數,使之訪問時速度快,因為代碼數越少文件越小,加載越快,這是一個規範問題, 所以專業網站的js和css都是導入的

如何精簡HTML代碼？

怎樣精簡HTML代碼

在編輯網頁過程中，由於網頁過於複雜，或是在網頁上過度頻繁地移動文本、圖片或者其它對象，或是反覆設置文字、表格或圖片的屬性，都會不可避免地產生多餘而冗長的HTML代碼。不必要的代碼會影響網頁的下載速度和網頁的兼容性。所以，在編輯完網頁後，我們可以尋找並清除這些代碼，使整個網頁更精簡，在瀏覽時速度更快。

選擇「Commands」菜單下的「Clean Up Html」命令，打開「Clean Up Html…」對話框，在「Remove」欄中有五個選擇來清除不需要的代碼：

圖1　打開「Clean Up Html…」對話框

Empty Tags：用於清除沒有包含任何內容空標籤。

比如，會刪除「font size=2/font」，但是不會刪除「font size=2 Goldhuman/font」。

Redundant Nested Tags：用於清除多餘的嵌套標籤。

例如，對「b金洪恩b電腦/b有限公司/b」語句，內部的b/b標記會被刪除，變為「b金洪恩電腦有限公司/b」。

Non-Dreamweaver HTML Comments：用於刪除所有非Dreamweaver自動生成的注釋信息。Dreamweaver自動生成的注釋之前都有一段說明，表明該注釋由Dreamweaver所添加，Dreamweaver就是根據這個特徵來區分哪些注釋是由它自動生成，而哪些注釋不是由它生成的，並進行刪除。

Dreamweaver HTML Comments：用於清除由Dreamweaver產生的注釋；

在Specific Tag(s) （特定標記）輸入框中，我們可以指定要清除的標籤。我們可以在右面的文本框中輸入要清除的標籤名。這一項主要用於刪除哪些由其他可視化編輯器生成的標記、自定義標記，或那些不希望放置到站點上的標記，如blink。

下面我們再看一下「Option」（選項）區域。

Combine Nested font Tags When Possible（儘可能合併嵌套的font標記）：選中這一項，會對文檔中的嵌套font標記進行重新組合或合併。

比如，語句「font size=”2″font color=”#A3C06D “洪恩在線/font/font」，會被融合成「font size=”2” color=”#A3C06D “洪恩在線/font」

Show Log on Completion（完成後顯示提示）：選中這一項，會在精簡代碼操作完成後，顯示相關的提示信息。

比如我們選中頭兩項，然後點「OK」，系統會彈出一個對話框，告訴我們一共清除了幾個空標籤。

如果網頁是由Word文件另存成HTML文件的，那我們可以選「Commands」菜單下的「Clean Up Word Html…」命令，會專門清除一些由Word文件轉換所產生的多餘標籤和其他廢代碼。

如何在html中調用js代碼

在html的head和body內可編輯技術代碼，具體格式如下

1，在head部分

html

head

(這裡輸入head部分其他內容，比如title/title)

script type=text/javascript

(這裡可以寫js代碼)

/script

/head

/html

2，在body部分

html

body

(這裡輸入body部分其他內容,比如div/div)