可以1用angularJs，把用html作為模板，用js調(diào)用2寫html，ltscript引入js，例如jqurey等。

你把你的JS部分使用外部JS文件來調(diào)用，不直接寫html頁面里就行，調(diào)用方法 ltscript src=quotjs你的外部JS文件jsquotltscript。

lttitle簡潔Tablttitle ltLINK REL=quotstylesheetquot HREF=quotstylecssquot TYPE=quottextcssquot media=quotscreen， projectionquot ltscript type=quottextjavascriptquot src=quotmenu2jsquotltscript lthead ltbody ltdiv id=quotli。

將JavaScript代碼從HTML文件中分離出來，我們只是需要將JS的代碼都統(tǒng)一寫在一個文件中，然后我們在通過windowonload的事件，這個就是html先加載完成，然后才會調(diào)用JS文件，這里還是通過代碼來體現(xiàn)html中l(wèi)thtml ltheadlt。

js結(jié)束 HTML代碼可以精簡為lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot lthtml xmlns=quot。

js在html中的使用有兩種方式1直接在html文件中的script標(biāo)簽里寫js代碼 2通過script標(biāo)簽的src屬性引用外部的js文件 總結(jié)在開發(fā)中建議使用第二種方法，將html和js文件分離，方便維護。

以ltscript***ltscript包圍的是js代碼，ltstyle***ltstyle包圍的是css代碼其他就是html的了把它們各自寫到同一個地方就好文件的話，js是以js為後綴的文件，css是以css為後綴的文件。

把script元素寫在ltbody前面，script元素的內(nèi)容就是js代碼像這樣ltscript 在這里寫jsfunction testalert#39說點什么呢#39 testltscript二引用外部js文件引用外部js文件，可以使js文件和HTML文件相分。

myjs文件 function checkinput var username = ifusernamevalue == #39#39 alert#39用戶名不能為空！#39 usernamefocus return false myhtml文件 lt。

三特點不同 1JS代碼主要用來向HTML標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用頁面添加交互行為可以直接嵌入HTML頁面，但寫成單獨的js文件有利于結(jié)構(gòu)和行為的分離2html代碼超級文本標(biāo)記語言的廣泛應(yīng)用帶來了加強功能，增加。

1新建一個文本文件把你的ltscript type=quottextjavascriptquot***ltscript里面的所有代碼放進去，注意，不帶ltscript type=quottextjavascriptquot保存的時候記得擴展名保存成js文件例如demojs2在你當(dāng)前文件中插。

lthtml 三在瀏覽器地址欄直接執(zhí)行JavaScript腳本 也可以在瀏覽器的地址欄中輸入JavaScript語句，由瀏覽器直接執(zhí)行如輸入javascriptalert200*75四調(diào)用JavaScript文件 可以將純JavaScript的語句另外保存在一個quot*jsquot。

尊敬的用戶，您好很高興為您答疑從您的描述來看，您代碼的問題在于js的工作機制是順序執(zhí)行，當(dāng)您的代碼屋里順序出現(xiàn)問題，則會出現(xiàn)變量異常等問題導(dǎo)致頁面顯示失敗您的問題可以通過跟蹤瀏覽器控制臺的輸出信息調(diào)試，據(jù)推測。

3而如果是在body下邊，那就好辦多了，可以直接在script里面寫js代碼，不需windowonload4也可以新建js文件，把html和js分離5然后在js文件里面寫代碼，注意不要用script標(biāo)簽6然后在script里面用src來把之前的。

因為JavaScript 會操作html元素， 如果在body加載完之前寫JavaScript 會造成JavaScript 找不到頁面元素 但是我們經(jīng)常將ltscript寫到head中，body中不會有大量的js代碼，body中的html代碼結(jié)構(gòu)會比較清晰 windowonload 等待頁面中。

然后我們在html頁面中添加script標(biāo)簽，在script里簡單的寫一些JS的代碼，如下圖所示 接下來可以定義一個button按鈕，通過其click事件來調(diào)用JS的代碼，如下圖所示 當(dāng)然，如果調(diào)用的JS代碼是外部的文件，則需要在開頭的head標(biāo)簽內(nèi)。