51,412
社区成员
发帖
与我相关
我的任务
分享怎么样自动获取页面中的某个字符，并改变其颜色
如图，我将一个网页中嵌入百度首页，想请教下各位大神，这是一个静态网页，怎样才能在这个页面检测到嵌入的网页中有“百度一下”4个字，并返回结果，就像下面的，检测到之后颜色改变，或者弹出一个窗口说有这几个字等，就是找到的意思，希望有经验的朋友给点建议，感激不尽！（无后台，只是在这个静态网页上动手脚）
...全文
请发表友善的回复…
发表回复
我来逗你玩啦 2018-08-29
- 打赏
- 举报
完全没看明白
抽时间的恶补下遗忘的知识了，我是直接放到js里面的，没有反应[/quote]
<!DOCTYPE>
<html>
<head>
<title></title>
<meta http-equiv="X-UA-Compatible" charset="utf-8"/>
<!--<script src="../js/jquery-3.2.1.min.js" type="text/javascript"></script>-->
<style type="text/css">
</style>
</head>
<body>
<div>1<p>百度一下2</p></div>
<p>12345百度一下67</p>
<p>999百度一下99</p>
</body>
<script>
//jQuery("p").each(function(i){
// if(jQuery(this).html() && jQuery(this).html().match(/百度一下/g)){
//jQuery(this).html(jQuery(this).html().replace('百度一下', '<span style="color:#f00">百度一下</span>'));
// }
//});
var arr = document.getElementsByTagName("p");
for(var i = 0; i < arr.length; i++){
if(arr[i].innerHTML && arr[i].innerHTML.match(/百度一下/g)){
arr[i].innerHTML = (arr[i].innerHTML.replace('百度一下', '<span style="color:#f00">百度一下</span>'));
}
}
</script>
</html>
jQuery需要引用，在这里下载
https://jquery.com/[/quote]
这个好像不是提取的IFRAME里面的内容.....
nayi_224 2018-08-29
- 打赏
- 举报
完全没看明白
抽时间的恶补下遗忘的知识了，我是直接放到js里面的，没有反应[/quote]
<!DOCTYPE>
<html>
<head>
<title></title>
<meta http-equiv="X-UA-Compatible" charset="utf-8"/>
<!--<script src="../js/jquery-3.2.1.min.js" type="text/javascript"></script>-->
<style type="text/css">
</style>
</head>
<body>
<div>1<p>百度一下2</p></div>
<p>12345百度一下67</p>
<p>999百度一下99</p>
</body>
<script>
//jQuery("p").each(function(i){
// if(jQuery(this).html() && jQuery(this).html().match(/百度一下/g)){
//jQuery(this).html(jQuery(this).html().replace('百度一下', '<span style="color:#f00">百度一下</span>'));
// }
//});
var arr = document.getElementsByTagName("p");
for(var i = 0; i < arr.length; i++){
if(arr[i].innerHTML && arr[i].innerHTML.match(/百度一下/g)){
arr[i].innerHTML = (arr[i].innerHTML.replace('百度一下', '<span style="color:#f00">百度一下</span>'));
}
}
</script>
</html>
jQuery需要引用，在这里下载
https://jquery.com/
我来逗你玩啦 2018-08-29
- 打赏
- 举报
<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<title> 页面名称 </title>
</head>
<body>
<IFRAME id="haha" name="haha" width=100% height=500 marginwidth=0 marginheight=0 SRC="http://www.baidu.com" ></IFRAME>
<p>111111111111111111111111111111百度一下1111111111111111111111111111111111111111111111</p>
<script type="text/javascript">
//var ifr = document.getElementByTagName("iframe");
//ifr.parent.document.getElementById("su");
//document.body.innerHTML = document.body.innerHTML.replace(/百度一下/ig,"<span style='color: red;'>$&</span>");
//var html = document.getElementById('haha').contentWindow.document.body.innerHTML;//获取iframe中body的内容
//var html2 = document.getElementById('su').value;
//alert(ifr.value);
jQuery("p").each(function(i){
if(jQuery(this).html() && jQuery(this).html().match(/百度一下/g)){
jQuery(this).html(jQuery(this).html().replace('百度一下', '<span style="color:#f00">百度一下</span>'));
}
});
</script>
</body>
</html>
我来逗你玩啦 2018-08-29
- 打赏
- 举报
完全没看明白
抽时间的恶补下遗忘的知识了，我是直接放到js里面的，没有反应
我来逗你玩啦 2018-08-29
- 打赏
- 举报
方便来个完整点的么，我不是程序员，其实代码我看不懂
只能搞明白一些，你这个不知道是不是我弄得不对，你那边测试的可以么，方便给个完整的源码么
nayi_224 2018-08-29
- 打赏
- 举报
jQuery("p").each(function(i){
if(jQuery(this).html() && jQuery(this).html().match(/百度一下/g)){
jQuery(this).html(jQuery(this).html().replace('百度一下', '<span style="color:#f00">百度一下</span>'));
}
});
if(jQuery(this).html() && jQuery(this).html().match(/百度一下/g)){
jQuery(this).html(jQuery(this).html().replace('百度一下', '<span style="color:#f00">百度一下</span>'));
}
});
夜雨恋星辰 2018-08-29
- 打赏
- 举报
var html = document.getElementById('haha').contentWindow.document.body.innerHTML;//获取iframe中body的内容
获取之后就可以查找你想要的字符串了
获取之后就可以查找你想要的字符串了
