js替換html(js替換html標簽)
客戶端js不具備讀寫文件的權(quán)限,只修改內(nèi)存內(nèi)容可以連同js代碼一起保存,每次瀏覽器讀html后都自動修改一遍js相當于自動化腳本。
將js中的值傳遞給html var Value = quotvar oDiv = documentgetElementByIdquotdivquotoDivinnerHTML = Value用innerHTML屬性,這樣就可以了。
var dc=documentgetElementsByClassNamequotdefaultcontainerquotforvar i=0iltdclengthi++ dciinnerHTML=dciinnerHTMLreplacequot讀音quot,quot 讀音ltspan class=#39fatyam#39quotreplacequotltbr詞性quot,quot。
思路正則替換 舉例ltscript type=quottextjavascriptquot var s = quotltspan style=#39display#39This is testltspanquots = sreplacelt^*?g,quotquot 這里全局替換非標簽文本 alertsltjavascript。
這樣在開發(fā)的時候,模板文件和 JS 代碼分離,非常好維護當然這樣做的話,上線的時候總發(fā) XHR 請求也不是辦法所以在打包 JS 之前,我一般會通過腳本把所有的 Templateload#39*#39 提取出來,替換成對應(yīng) HTML 的內(nèi)容。
主要是用來記錄后臺返回時對他的格式進行修改的操作自帶html標簽的文章,這種的話非常簡單了,假設(shè)后臺返回的文章內(nèi)容放在content字段中,直接在vue中利用vhtml=content,這樣就可以正確顯示文章的格式了不帶html標簽的文章。
2在indexhtml中的ltscript標簽,輸入js代碼$#39img#39attr#39src#39, #39png#393瀏覽器運行indexhtml頁面,此時網(wǎng)頁上的所有圖片都被替換成了指定的圖片。
var html = quottextquot $quot#idquotappendhtml 這個id可以是一個div的id 這樣,在你頁面加載到這段代碼之后,你的這個id=id的div里面就會有個text。
掃描二維碼推送至手機訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請注明出處。