精准高效修改html内嵌javascript代码

本文介绍一种高效方法，用于修改HTML字符串中特定的JavaScript代码片段。 假设我们需要修改一段包含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>

目标是将以下代码片段：

window.publicPath = window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__ || "//test.baidu.com/533fb44/";

替换为：

AI舌诊面诊问诊医疗系统+诊疗商城系统源码

AI 舌诊面诊问诊医疗系统 + 诊疗商城系统源码是一套结合 AI 辅助诊断与商品转化的健康类程序，基于浩创云、ThinkPHP（PHP）开发，支持微信服务号与 H5 端，适合做中医舌诊面诊问答、健康建议推送以及配套诊疗商品的运营。

下载

立即学习“Java免费学习笔记（深入）”；

window.publicPath = "//test.baidu.com/533fb44/";

为了避免误修改其他部分，我们可以利用JavaScript的replace()方法，并精准定位目标字符串进行替换。 直接使用replace()方法替换整个代码片段可能会导致问题，因此我们选择替换window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__ || 部分。

具体实现如下：

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__ || 替换为空字符串，从而达到修改目的，同时保持HTML结构的完整性。 这种方法简单有效，避免了不必要的修改。