今天給大家講述的是我個(gè)人前段時(shí)間的一個(gè)真實(shí)經(jīng)歷，如何將html代碼封裝（轉(zhuǎn)換）成JS實(shí)現(xiàn)調(diào)用？
將html代碼封裝成js干嘛呢？直接寫在html頁面不好嗎？首先我來為大家解答這個(gè)疑惑，也許有一天會(huì)有小伙伴和我遇到同樣的問題 。
文章插圖
我管理的網(wǎng)站是用織夢(mèng)搭建的后臺(tái)，但是我需要在全站（包含所有文章頁和列表頁、欄目頁）添加一張banner圖（此處知識(shí)舉個(gè)栗子），如果我直接寫在模板里面，必然要更新所有欄目及其子頁面模板，想一想一個(gè)網(wǎng)站有多少欄目，多少模板？是不是我每次更新banner圖都需要去每一個(gè)模板修改呢？這樣的話會(huì)大大降低我們的效率，所以將此處banner圖的html代碼封裝成JS就很有必要了，以后修改banner圖，僅需修改封裝了banner圖html代碼的JS文件即可！
是吧，看到這里是不是已經(jīng)明白了為什么要將將html代碼封裝成js了，下面颯颯來具體講解一下將html代碼封裝（轉(zhuǎn)換）成JS的具體步驟：
步驟一：打開Dreamweaver或者類似軟件，事先寫好需要封裝的HTML代碼 。
步驟二：打開站長(zhǎng)工具里面的HTML/JS轉(zhuǎn)換頁面，將需要封裝的HTML代碼轉(zhuǎn)換成JS代碼，如下圖：
文章插圖
步驟三：在Dreamweaver中新建一個(gè)JS文件，將轉(zhuǎn)換后的JS代碼復(fù)制粘貼進(jìn)去，保存為banner.js文件 。
步驟四：在網(wǎng)站服務(wù)器中上載banner.js文件，記住上傳的路徑 。
步驟五：進(jìn)入網(wǎng)站后臺(tái)，在需要添加banner圖的模板中適當(dāng)位置加入JS封裝代碼 。代碼如下：
<script src=https://www.520longzhigu.com/diannao/”banner.js” type=”text/javascript”>
完成以上步驟，刷新后臺(tái)欄目，即可實(shí)現(xiàn)banner圖的調(diào)用，是不是完美解決了banner圖的調(diào)用問題呢？以后修改banner圖的時(shí)候，只需要修改banner.js文件即可 。
以上關(guān)于本文的內(nèi)容，僅作參考！溫馨提示：如遇健康、疾病相關(guān)的問題，請(qǐng)您及時(shí)就醫(yī)或請(qǐng)專業(yè)人士給予相關(guān)指導(dǎo)!
「愛刨根生活網(wǎng)」www.malaban59.cn小編還為您精選了以下內(nèi)容，希望對(duì)您有所幫助：- 筆記本電腦開機(jī)黑屏解決措施 為什么電腦經(jīng)常沒反應(yīng)的原因
- 56什么意思
- 1+9+0的含義是什么？
- 網(wǎng)絡(luò)語2是什么意思？
- 網(wǎng)絡(luò)流行語中的“2”到底是什么意思，求解！
- 沒發(fā)的面可以做什么吃 沒發(fā)的面可以做什么主食呢
- 糯米的做法大全家常 糯米幾種家常做法大全
- 堿面大饅頭 發(fā)堿面的饅頭
- 體現(xiàn)秘制的詞語有哪些
- 食用堿饅頭的做法 堿饅頭的做法