问题描述
- 搜索网页中的内容html+js
-
用js实现,按照输入的搜索关键字,筛选网页当中的内容。网页上主要是新闻链接。只显示包含关键字的新闻链接。然后在别的网页搜索的时候,如果选择搜索新闻,也会跳转到这个网页,然后执行新闻的筛选。
解决方案
获取页面上的所有a对象变量innerHTML属性是否包含你的关键字,包含就显示,不包含隐藏。不知道你的新闻链接怎么导入页面的,如果是iframe框架别人的网页跨域了是获取不到链接对象的
<a href="#">关键字1</a><br />
<a href="#">csdn</a><br />
<a href="http://bbs.csdn.net">csdn论坛</a><br />
<a href="http://bbs.163.com">163论坛</a><br />
<script>
function searchA(kw) {
var rst = [], as = document.getElementsByTagName('a');
for (var i = 0, j = as.length; i < j; i++)
if (as[i].innerHTML.indexOf(kw) != -1) rst.push(as[i]);
return rst;
}
var rst = searchA('论坛');
console.log(rst); //csdn论坛,163论坛
</script>
时间: 2024-08-03 08:07:06