1首先創(chuàng)建html結(jié)構(gòu)，如下圖所示，一個input元素，一個按鈕，一個空的ul列表2然后添加按鈕點擊事件，如下圖所示，在按鈕點擊事件中獲得input元素3通過value屬性我們可以獲得用戶在input中輸入的內(nèi)容，如下圖所示4；js文件不是htm文件，所以里面不能有html標(biāo)記在輸出語句中包含的html標(biāo)記除外即使js文件中可以用ltscript標(biāo)記，由于js文件本身就是由ltscript src=quotquot標(biāo)記調(diào)用的，這就變成重復(fù)標(biāo)記了，是畫蛇添足了js屬于腳本。

documentreadyfunction $quot#btnquotclickfunction $#39#newDiv#39load#39newhtml#39 點擊“新頁面”即可實現(xiàn)添加 2，基于純js代碼實現(xiàn)嵌套html代碼ltbutton type=quotbuttonquot id=quotbt；1J首先輸入s_file01js，程序代碼 documentwritequot ltscript language=\quotjavascript\quot src=quot\com\ Js_file02js \quot lt\scriptquot2 html代碼 代碼如下lthtml ltbody ltinput type=quotbuttonquot。

在JS中插入短的HTML代碼，可以通過先使用一個函數(shù)來包著，你要添加的HTMl代碼，然后在使用innerHTML這個函數(shù)提取就行，在你的HTMl中添加一個事件就行，然后調(diào)用這個函數(shù)就行了，具體的我提供例子給你看下lthtml lthead。

js添加html代碼塊之后加入到數(shù)組中

這樣在開發(fā)的時候，模板文件和 JS 代碼分離，非常好維護(hù)當(dāng)然這樣做的話，上線的時候總發(fā) XHR 請求也不是辦法所以在打包 JS 之前，我一般會通過腳本把所有的 Templateload#39*#39 提取出來，替換成對應(yīng) HTML 的內(nèi)容。

1新建html文檔，然后在head標(biāo)簽中引入vue的js文件，這里以引入cdn文件為例2在body標(biāo)簽中添加一個id為“app”的div標(biāo)簽，然后在這個div標(biāo)簽中再添加一個div標(biāo)簽，在vue中添加一個變量數(shù)據(jù)，然后用“”符號將變量。

jsquot，并在文件中輸入代碼修改網(wǎng)頁文件quotsamplehtmlquot文件，添加代碼，其中包括對外部JS文件”MyHellojs“的引用，以及為文本框添加的獲取焦點注冊事件最終網(wǎng)頁 當(dāng)點擊文本框時就會出現(xiàn)“Hello百度經(jīng)驗”字樣。

需要準(zhǔn)備的材料分別有電腦html編輯器瀏覽器1首先，打開html編輯器，新建html文件，例如indexhtml，填充問題基礎(chǔ)代碼2在indexhtml中的ltscript標(biāo)簽，輸入js代碼$#39#txt#39val#39添加值#39$#39#txt#39。

思路 這么寫從HTML和JS連接來說，沒有問題問題在于動起來，如果要動起來，需要定時觸發(fā)該函數(shù)，使用的定時方法用setInterval 代碼示例 lthtmlltbodyltinput type=quottextquot id=quotclockquot size=quot35quot ltscript language=。

用JS給HTML標(biāo)簽添加內(nèi)容，首先我們需要做的就是獲取到要添加的元素，一般是通過給這個元素一個id，然后在通過document來獲取，然后在使用innerHTML添加這個元素的內(nèi)容就行可以了lthtml lthead ltscript function insert。

js可以向網(wǎng)頁中寫入html內(nèi)容，方法是調(diào)用write方法向document的節(jié)點中寫入html元素 以下展示兩個實例 1在網(wǎng)頁上寫入一個標(biāo)題為hello的元素 效果如圖2在網(wǎng)頁上寫入一個九九乘法表 在js中可以使用上面的 lth1 hello lth1。

1首先，打開html編輯器，新建html文件，例如indexhtml2在indexhtml中的ltscript標(biāo)簽，輸入js代碼#39body#39append#39ltdiv id=quotaquot style=quotcolorbluequotdiv內(nèi)容ltdiv#393瀏覽器運行indexhtml頁面，此時。

在iframe中動態(tài)添加html元素，須使用HTML 新加給iframe的一個屬性 srcdoc遺憾的是還未得到ie的支持，以js為例documentgetElementById#39id標(biāo)識#39srcdoc=quotlt！doctypequot。

這位網(wǎng)友你好，你確定沒說反嗎一般都是在html文件引入js文件的放在head標(biāo)簽內(nèi)，方法如下ltscript src=quotjs文件路徑quotltscript在js文件中引入html文件還沒聽說過。

html中添加js代碼

3這里，我們使用Intellij IDEA打開js文件如圖，格式很規(guī)范，內(nèi)容我們可以一目了然4然后，我們通過快捷鍵Ctrl+F快速定位到我們需要修改的位置5回到html文件，在按鈕輸入框后面創(chuàng)建一個script標(biāo)簽，然后添加。