ie 浏览器对象不支持“replaceAll”属性或方法

Posted 2021-07-19 思想累积

使用 replaceAll() 替换变量在 Chrome 浏览器中可以正常使用，在 IE 浏览器中报错【对象不支持 replaceAll 属性或方法】

js 没有 replaceAll() 方法，jQuery 有但应该是兼容性比较低。

下面这是在 IE 浏览器中出错的代码：

var oldTitle="<li style='cursor:pointer;' class='title'>" + data[i]["TITLE"] + "</li>";
var newTitle="<li style='cursor:pointer;color:red' class='title'>" + data[i]["TITLE"] + "</li>";
todoObj =todoObj.replaceAll(oldTitle,newTitle);

字符替换：

正常使用 js 进行替换的话，字符替换，s 替换为 b

string.replace('s', 'b'); // 只能替换第一个匹配到的
string.replace(/s/g, 'b'); // 使用正则加参数 g，进行全文匹配而不是匹配到第一个后停止

变量替换：

var str = 's';
string.replace(str, "b"); // 替换第一个匹配的
string.replace(new RegExp(str, 'gm'), "b");

给 string 对象添加 replaceAll() 方法

// prototype：增加一个属性
String.prototype.replaceAll = function(s1, s2){
	// g：执行全局匹配，而不是匹配第一个后停止。
	// m：执行多行匹配
    return this.replace(new RegExp(s1,"gm"),s2);
};

替换后的代码就没有出错了：

var oldTitle="<li style='cursor:pointer;' class='title'>" + data[i]["TITLE"] + "</li>";
var newTitle="<li style='cursor:pointer; color:red;' class='title'>" + data[i]["TITLE"] + "</li>";
todoObj = todoObj.replace(new RegExp(oldTitle, 'gm'),newTitle);

再隔了一段时间之后，又出现了问题。换了个方式，使用 split 和 join

var oldTitle="<li style='cursor:pointer;' class='title'>" + data[i]["TITLE"] + "</li>";
var newTitle="<li style='cursor:pointer; color:red;' class='title'>" + data[i]["TITLE"] + "</li>";
todoObj = todoObj.split(oldTitle).join(newTitle);