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

本文目录
- 如何用javascript全部替换网页内某个字符串
- js的replace如何全部替换目标字符串
- javascript指定位置字符串替换
- 在js中,如何替换一个文本中的多个字符
- JavaScript使用replace函数替换字符串的方法
- javascript有没有字符串替换函数
如何用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’);//获取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的replace如何全部替换目标字符串
replace函数一次只能替换一个目标字符串,可以配合while循环替换所有字符串。
1、在script标签中定义一个字符串,字符串内容为“一个中国北方的中国人在做中国结”,然后将内容输出在网页中:
2、使用replace函数,这时第一个“中国”文本被空字符串替换,但是还有两个“中国”文本没有被替换:
3、添加while循环,循环条件用“indexOf”函数来判断是否“中国”两个字还存在,如果存在则继续替换,不存在则结束,这时所有的目标字符串都被替换完成:
javascript指定位置字符串替换
代码:自己保存后,改成html,如果要一行一行知道结果,自行添加alert();
《!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN“ “《html xmlns=“
《head》
《meta content=“text/html; charset=utf-8“ http-equiv=“Content-Type“ /》
《style type=“text/css“》
body
{
font-family: Arial;
font-size: 12px;
margin: 20px;
}
《/style》
《script type=“text/javascript“ language=“javascript“》
// 目的: 组成新字符串
// 参数1: 源字符串
// 参数2: 起始位置
// 参数3: 目标字符串
// 返回值: 新字符串
function replacePos(strObj,pos,replacetext)
{
//var str = strObj.substr(0,pos-1) + replacetext + strObj.substring(pos,strObj.length);
// 上一行可分成
var str = strObj.substr(0, pos-1); // 取左边到指定位置的字符串
str += replacetext; // 与目标字符串相连
str += strObj.substring(pos,strObj.length); // 取指定位置到右边的字符串
// 现在可以知道这三行的意思为: 在指定位置添加目标字符串
return str; // 返回新的字符串
}
function show()
{
var text=“abcdefg“;
var mystr = replacePos(text,3,“n“); // 源目标为text, 位置为3, 目标字符串为“n“
mystr = replacePos(mystr,5,“m“); // 源目标为mystr, 位置为5, 目标字符串为“m“
alert(mystr); // 弹出警告框
}
《/script》
《/head》
《body》
《div》
《form》
《input type=“button“ name=“test“ value=“测试“ onclick=“show();“/》
《/form》
《/div》
《/body》
《/html》
在js中,如何替换一个文本中的多个字符
js中提供了replace方法进行字符串替换:
replace()
replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。
stringObject.replace(regexp/substr,replacement)
regexp/substr是规定的子字符串或要替换的模式的 RegExp 对象。请注意,如果该值是一个字符串,则将它作为要检索的直接量文本模式,而不是首先被转换为 RegExp 对象。replacement是一个字符串值。规定了替换文本或生成替换文本的函数。返回一个新的字符串,是用 replacement 替换了 regexp 的第一次匹配或所有匹配之后得到的。
字符串 stringObject 的 replace() 方法执行的是查找并替换的操作。它将在 stringObject 中查找与 regexp 相匹配的子字符串,然后用 replacement 来替换这些子串。如果 regexp 具有全局标志 g,那么 replace() 方法将替换所有匹配的子串。否则,它只替换第一个匹配子串。
replacement 可以是字符串,也可以是函数。如果它是字符串,那么每个匹配都将由字符串替换。但是 replacement 中的 $ 字符具有特定的含义。如下表所示,它说明从模式匹配得到的字符串将用于替换。
字符
替换文本
$1、$2、...、$99 与 regexp 中的第 1 到第 99 个子表达式相匹配的文本。
$& 与 regexp 相匹配的子串。
$` 位于匹配子串左侧的文本。
$’ 位于匹配子串右侧的文本。
$$ 直接量符号。
ECMAScript v3 规定,replace() 方法的参数 replacement 可以是函数而不是字符串。在这种情况下,每个匹配都调用该函数,它返回的字符串将作为替换文本使用。该函数的第一个参数是匹配模式的字符串。接下来的参数是与模式中的子表达式匹配的字符串,可以有 0 个或多个这样的参数。接下来的参数是一个整数,声明了匹配在 stringObject 中出现的位置。最后一个参数是 stringObject 本身。
var str = “Visit Microsoft!“
console.log(str.replace(/Microsoft/, “W3School“))
结果是Visit W3School!。
JavaScript使用replace函数替换字符串的方法
本文实例讲述了JavaScript使用replace函数替换字符串的方法。分享给大家供大家参考。具体如下:
JavaScript通过replace函数替换字符串,下面的代码将Visit
Microsoft中的MicroSoft替换成jb51.net
《!DOCTYPE
html》
《html》
《body》
《p》
Click
the
button
to
replace
“Microsoft“
with
“jb51.net“
in
the
paragraph
below:
《/p》
《p
id=“demo“》Visit
Microsoft!《/p》
《button
onclick=“myFunction()“》Try
it《/button》
《script》
function
myFunction()
{
var
str=document.getElementById(“demo“).innerHTML;
var
n=str.replace(“Microsoft“,“jb51.net“);
document.getElementById(“demo“).innerHTML=n;
}
《/script》
《/body》
《/html》
希望本文所述对大家的javascript程序设计有所帮助。
javascript有没有字符串替换函数
用replace 方法
语法
stringObj.replace(rgExp, replaceText)
replace 方法的语法包括下述部分:
部分 描述
stringObj 必选项。要执行该替换的 String 对象或文字。该对象不会被 replace 方法修改。
rgExp 必选项。描述要查找的内容的一个正则表达式对象。
replaceText 必选项。是一个String 对象或文字,对于stringObj 中每个匹配 rgExp 中的位置都用该对象所包含的文字加以替换。
下面的示例演示了 replace 方法的用法:
function ReplaceDemo()
{
var r, re;
var s = “The quick brown fox jumped over the lazy yellow dog.“;
re = /fox/i;
r = s.replace(re, “pig“);
return(r);
}
另外, replace 方法也可以替换模式中的子表达式。 下面的范例演示了交换字符串中的每一对单词:
function ReplaceDemo()
{
var r, re;
var s = “The quick brown fox jumped over the lazy yellow dog.“;
re = /(\S+)(\s+)(\S+)/g;
r = s.replace(re, “$3$2$1“); //交换每一对单词。
return(r);
}
JavaScript中replace() 方法如果直接用str.replace(“-“,“!“) 只会替换第一个匹配的字符. str.replace(/\-/g,“!“)则可以替换掉全部匹配的字符(g为全局标志)。

更多文章:
majority of(the majority of 和 a majority of的区别以及用法例句)
2026年10月11日 07:40
another time(another time和other time的区别)
2026年10月11日 05:00








