.jpg)
精準(zhǔn)高效修改html內(nèi)嵌JavaScript代碼
本文介紹一種高效方法，用于修改HTML字符串中特定的JavaScript代碼片段。 假設(shè)我們需要修改一段包含window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__的HTML代碼。
原始HTML代碼如下：
<meta charset="utf-8"></meta><meta content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" name="viewport"></meta><meta content="ie=edge" http-equiv="X-UA-Compatible"></meta><link href="//test.baidu.com/533fb44/umi.10d72219.css" rel="stylesheet"></link>window.publicPath = window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__ || "//test.baidu.com/533fb44/";<div id="root"></div>
目標(biāo)是將以下代碼片段：
window.publicPath = window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__ || "//test.baidu.com/533fb44/";
替換為：
立即學(xué)習(xí)“Java免費(fèi)學(xué)習(xí)筆記（深入）”；
window.publicPath = "//test.baidu.com/533fb44/";
為了避免誤修改其他部分，我們可以利用JavaScript的replace()方法，并精準(zhǔn)定位目標(biāo)字符串進(jìn)行替換。 直接使用replace()方法替換整個(gè)代碼片段可能會(huì)導(dǎo)致問題，因此我們選擇替換window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__ || 部分。
具體實(shí)現(xiàn)如下：
let str = `<meta charset="utf-8"></meta><meta content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" name="viewport"></meta><meta content="ie=edge" http-equiv="X-UA-Compatible"></meta><link href="//test.baidu.com/533fb44/umi.10d72219.css" rel="stylesheet"></link>window.publicPath = window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__ || "//test.baidu.com/533fb44/";<div id="root"></div>`; const newStr = str.replace('window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__ || ', ''); console.log(newStr);
這段代碼將window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__ || 替換為空字符串，從而達(dá)到修改目的，同時(shí)保持HTML結(jié)構(gòu)的完整性。 這種方法簡單有效，避免了不必要的修改。
? 版權(quán)聲明
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載。
THE END
.png)
