关键字-搜索网页中的内容html+js

问题描述

搜索网页中的内容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

关键字-搜索网页中的内容html+js的相关文章

php正则去除网页中所有的html,js,css,注释的实现方法_php实例

如下所示: $search = array ("'<script[^>]*?>.*?</script>'si", // 去掉 javascript "'<style[^>]*?>.*?</style>'si", // 去掉 css "'<[/!]*?[^<>]*?>'si", // 去掉 HTML 标记 "'<!--[/!]*?[^<>

c++-Activex如何在网页中插入一段Js

问题描述 Activex如何在网页中插入一段Js 基于ATL模板,如何插入JS.下面是已经写的部分代码,在这基础上怎么加呢? CComPtr isp; CComPtr ppBrowser; CComPtr pDispDoc; CComPtr pDocument2; HRESULT hr = S_OK; DISPID dispid; CComVariant avarParams[1]; avarParams[0].vt = VT_UI1; DISPPARAMS dispparams = {avar

php正则去除网页中所有的html,js,css,注释的实现方法

如下所示: $search = array ("'<script[^>]*?>.*?</script>'si", // 去掉 javascript "'<style[^>]*?>.*?</style>'si", // 去掉 css "'<[/!]*?[^<>]*?>'si", // 去掉 HTML 标记 "'<!--[/!]*?[^<>

服务器-如何把h5网页中的内容生成xml格式的文件?

问题描述 如何把h5网页中的内容生成xml格式的文件? h5网页中有四个输入框,分别是用户名,旧密码,新密码,确认新密码,和一个提交按钮,现在想通过点击提交按钮,把输入框的内容生成一个xml文件,然后上传到服务器中.这个xml文件怎么生成,谢谢! 解决方案 网页中显示xml,直接显示xml格式的文件网页(html)中直接显示xml原始文件,直接显示xml格式的文件 解决方案二: 自己组合成xml字符串,然后复制给表单的隐藏控件就行了

《HTML5 开发实例大全》——1.20 分组列表显示网页中的内容

1.20 分组列表显示网页中的内容 实例说明 在传统的HTML标记语言中,可以通过< ul >.< ol >.< dl >元素实现分组效果.在全新的HTML 5中,对原有的分组内容元素< ul >.< ol >.< dl >进行了整体改良,有的元素增加了许多新的属性,有的元素则废除了一些不合理的原有特征. (1)< ul >元素. 在HTML 5中,< ul >元素用于定义页面中的无序列表,其用法与HTML 4

获取WebView加载HTML时网页中的内容

MainActivity如下: package com.example.testgetwebviewcontent; import android.app.Activity; import android.graphics.Bitmap; import android.os.Bundle; import android.webkit.WebView; import android.webkit.WebViewClient; /** * Dmeo说明: * 当WebView加载网页时获取该网页中的

edittext + listview 实现搜索listview中的内容方法(推荐)

主要原理:是在主界面有两个空间,一个是EditText,一个是ListView,ListView是放在EditText下面的,然后自定义建立一个adapter适配器, 这个适配器要继承Filterable这个接口,并实现这个接口的两个方法,一个是过滤方法,一个是过滤后的方法,一般我们是在过滤方法里面实现过滤, 在过滤后的方法里面调用notifyDataSetChanged();也就是使适配器更新数据,这里还有用到一个pinyin4j-2.5.0.jar的架包,这个主要是汉字转拼 音的功能 Mai

SEO知识:谈谈关键字在网页中得表现和分布

        当选取了某个关键字,需要把关键字融入到网页中,透过这种信息,才能告诉搜索引擎,这张网页与某关键字息息相关.比如你的网站是销售"炒股软件"相关的网站,于是你设定了网站首页要优化的关键字是"炒股软件",可是在整个网页中,由始至终都没有出现过"炒股软件"这四个字,所以即使网页再优秀,在搜索引擎输入"炒股软件"这个关键字时,也找不到,因为搜索引擎无法得知你的网页和"炒股软件"这个关键字息息相关.关键

利用defer关键字让网页中的javascript推迟执行

我们有时候会在网页中的<script>段中看到defer关键字,那么它到底是派什么用处呢? defer从字面意思上来看就是延迟,推迟的意思.它的目的在于: 让浏览器在下载脚本的时候就不必立即对其进行处理,而是继续对页面进行下载和解析, 等到全部页面下载完成后执行JS脚本.这样做有时候能够提高下载的性能. 那么defer的应用有什么呢?   我们经常会用innerHTML来动态给DOM元素加载JS,比如:object.innerHTML = "<script" + &q