js怎么替换网页,js替换html内容

发布时间：2023-12-08

js怎么替换网页,js替换html内容

更新：2022-11-20 02:26

本文目录一览：

1、求帮忙写个js脚本替换网页内容
2、javascript如何实现轻松替换网页的一段代码
3、用js替换网页元素内容
4、如何用javascript全部替换网页内某个字符串
5、js中历史网页中怎么把上一个页面换成另一个页面

求帮忙写个js脚本替换网页内容

简单的处理方法：

window.onload = function () {
    // title
    var t = document.getElementsByTagName('title');
    if (!!t) {
        t = t[0];
        t.innerHTML = t.innerHTML.replace(/好/g, '不好');
    }
    // content
    document.body.innerHTML = document.body.innerHTML.replace(/下雨/g, '下雪');
    document.body.innerHTML = document.body.innerHTML.replace(/专业/g, '职业');
    document.body.innerHTML = document.body.innerHTML.replace(/输入/g, '输出');
}

把这段保存到一个js文件，然后在你要替换的页面包含就可以了。要注意的是编码的问题，为了让不同编码的网页都能处理，这段js中的中文可以尝试使用 Unicode 编码。

javascript如何实现轻松替换网页的一段代码

把源代码下载下来，直接使用dreamweaver /Miscrosoft visual studio等网页开发软件进行批量替换。 Js是不可能的啦，js是在你本地运行的，源代码是存放在服务器上的。不同的地方，没有权限。如果你想用程序实现，那就等于自己做一个批量替换的功能了，服务端读取文件修改。主要还是看情况吧，改一次建议还是下载下来吧。

用js替换网页元素内容

原生JS写法(需要IE8以上)

var a = document.querySelectorAll('.usrTx-login .login0201')[0];
a.innerHTML = '登~录~';  //替换为你的字

jQuery写法(支持所有浏览器，需要先引入jQuery库)

$('.usrTx-login .login0201').html('登~录~');  //替换为你的字

如何用javascript全部替换网页内某个字符串

步骤：

  1. 通过正则表达式，实现replaceAll的功能
  2. 通过body.innerHTML获取网页信息
  3. 替换body中的内容，再赋值给body
    示例：
<body>
<p>测试</p>
</body>
<script type="text/javascript">
String.prototype.replaceAll = function(reallyDo, replaceWith, ignoreCase) {
    //自定义replaceAll方法，reallyDo：被搜索的子字符串。replaceWith：用于替换的子字符串
    if (!RegExp.prototype.isPrototypeOf(reallyDo)) {
        return this.replace(new RegExp(reallyDo, (ignoreCase ? "gi": "g")), replaceWith);
    } else {
        return this.replace(reallyDo, replaceWith);
    }
}
</script>
<script>
var bd = document.getElementsByTagName('body')[0];//获取body节点
var s = new String(bd.innerHTML);//获取body的html信息
var a = s.replaceAll('p','div');//把节点p替换成div
delete s;//释放变量s
bd.innerHTML = a;//更新body的html信息
delete a;//释放变量a
</script>

js中历史网页中怎么把上一个页面换成另一个页面

js是没有更改浏览历史url和获取从上一页开的url地址的，您可以使用window.location.replace(url);来重置浏览历史， window.location.replace不在浏览器中保存跳转前的网址，因此按返回键将无效; 例子： 有 3个jsp页面（1.jsp, 2.jsp, 3.jsp），进系统默认的是1.jsp ，当我进入2.jsp的时候， 2.jsp里面用window.location.replace("3.jsp");与用window.location.href("3.jsp");从用户界面来看是没有什么区别的，但是当3.jsp页面有一个“返回”按钮，调用 window.history.go(-1); wondow.history.back();方法的时候，一点这个返回按钮就要返回2.jsp页面的话，区别就出来了，当用window.location.replace("3.jsp");连到3.jsp页面的话，3.jsp页面中的调用 window.history.go(-1); wondow.history.back();方法是不好用的，会返回到1.jsp 。当用window.location.href("3.jsp");连到3.jsp页面的话，3.jsp页面中的调用 window.history.go(-1); wondow.history.back();方法是好用的，会返回2.jsp。因为window.location.replace("3.jsp");是 不向服务器发送请求的跳转，而window.history.go(-1); wondow.history.back(); 方法是根据服务器记录的请求决定该跳到哪个页面的，所以会跳到系统默认页面1.jsp 。window.location.href("3.jsp");是向服务器发送请求的跳转，window.history.go(-1); wondow.history.back(); 方法是根据服务器记录的请求决定该跳到哪个页面的，所以就可以返回到2.jsp。

推荐文章