整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
编亲身体验，教你如何用Js获取页面关键词
在网络时代，关键词的重要性不言而喻。无论是SEO优化，还是网站内容策划，都需要准确获取页面关键词。但是，如何用Js获取页面关键词呢？小编今天就来为大家分享一下亲身体验的方法。
一、了解Js获取页面关键词的原理
在深入了解如何用Js获取页面关键词之前，我们先来了解一下其原理。通常情况下，搜索引擎会根据网页的标题、描述和内容等信息来确定关键词。而Js获取页面关键词的方法就是通过解析网页源代码，提取其中的文本内容，并进行分析和处理，最终得到页面的关键词。
二、使用正则表达式提取关键词
使用正则表达式是一种常见且有效的方法来提取页面的关键词。我们可以通过正则表达式匹配特定的字符或者字符组合，并将其作为关键词进行保存和处理。
具体操作步骤如下：
1.获取网页源代码
使用`document.documentElement.outerHTML`可以获取当前网页的源代码。
2.匹配关键词
使用正则表达式`/\/`可以匹配到网页中的关键词。
3.提取关键词
使用`match()`方法可以将匹配到的关键词提取出来，并保存在一个数组中。
4.处理关键词
可以使用循环遍历的方式对提取到的关键词进行处理，比如去除空格、转换为小写等。
5.显示关键词
最后，可以将处理后的关键词显示在页面上，供用户参考和使用。
三、Js获取页面关键词的注意事项
在实际应用中，我们还需要注意以下几点：
1.关键词的数量和质量都很重要，不宜过多也不宜过少。一般来说，3~5个关键词比较合适。
2.关键词应该与网页内容密切相关，避免出现无关或重复的关键词。
3.页面的标题、描述和内容也是搜索引擎确定关键词的重要依据，因此需要合理设置和优化。
4. Js获取页面关键词只是一种辅助手段，不能代替其他SEO优化措施和策略。
五、总结
通过上述步骤，我们可以轻松地使用Js获取页面关键词。当然，在实际应用中还有很多细节需要注意，这需要我们根据具体情况进行调整和优化。希望本文对大家有所帮助，谢谢阅读！
六、参考代码
javascript
//获取网页源代码
var html = document.documentElement.outerHTML;
//匹配关键词
var regex =/\<meta\sname=\"keywords\"\scontent=\"(.*?)\"\>/;
var matches = html.match(regex);
//提取关键词
var keywords =[];
if (matches && matches.length >1){
keywords = matches[1].split(",");
}
//处理关键词
for (var i =0; i < keywords.length;i++){
keywords[i]= keywords[i].trim().toLowerCase();
}
//显示关键词
console.log(keywords);
以上就是小编亲身体验的Js获取页面关键词的方法，希望能对大家有所启发和帮助。如果还有其他问题，请随时留言，小编会尽快回复解答。谢谢！
html_doc = """
<html><head><title>index</title></head>
<body>
<p class="title"><b>首页</b></p>
<p class="main">我常用的网站
<a href="https://www.google.com" class="website" id="google">Google</a>
<a href="https://www.baidu.com" class="website" id="baidu">Baidu</a>
<a href="https://cn.bing.com" class="website" id="bing">Bing</a>
</p>
<div><!--这是注释内容--></div>
<p class="content1">...</p>
<p class="content2">...</p>
</body>
"""
soup = BeautifulSoup(html_doc, "lxml")
正式讲解搜索文档之前，我们有必要了解下 Beautiful Soup 的过滤器，这些过滤器在整个搜索的 API 中都有所体现，他们可以被用在 TAG 的 name 中，属性中，字符串中或他们的混合中。听起来有点绕是么，看几个例子就懂了。
1、根据 TAG 的 name 来查找标签，下面的例子会查找文档中的所有 b 标签。同时要注意统一传入 Unicode 编码以避免 Beautiful Soup 解析编码出错。
# demo 1
tags = soup.find_all('b')
print(tags)
#输出结果
[<b>首页</b>]
2、如果传入正则表达式作为参数，那么 Beautiful Soup 会通过正则表达式的 match() 来匹配内容。
# demo 2
import re
for tag in soup.find_all(re.compile("^b")):
print(tag.name)
#输出结果
body
b
3、如果传入列表参数，那么 Beautiful Soup 会将与列表中任意一个元素匹配的内容返回。
# demo 3
for tag in soup.find_all(['a', 'b']):
print(tag)
#输出结果
<b>首页</b>
<a class="website" href="https://www.google.com" id="google">Google</a>
<a class="website" href="https://www.baidu.com" id="baidu">Baidu</a>
<a class="website" href="https://cn.bing.com" id="bing">Bing</a>
4、True 可以匹配任何值，下面的例子是查找所有的 TAG 但不会返回字符串。
# demo 4
for tag in soup.find_all(True):
print(tag.name, end=', ')
#输出结果
html, head, title, body, p, b, p, a, a, a, div, p, p,
5、方法。我们可以定义一个方法，该方法只接受一个参数，若该方法返回 True 则表示当前元素匹配并且被找到，返回 False 意味着没找到。下面的例子展示了查找所有同时包含 class 属性和 id 属性的节点。
# demo 5
def has_id_class(tag):
return tag.has_attr('id') and tag.has_attr('class')
tags = soup.find_all(has_id_class)
for tag in tags:
print(tag)
#输出结果
<a class="website" href="https://www.google.com" id="google">Google</a>
<a class="website" href="https://www.baidu.com" id="baidu">Baidu</a>
<a class="website" href="https://cn.bing.com" id="bing">Bing</a>
大部分情况字符串过滤器就可以满足我们的需求，外加这个神奇的方法过滤器，我们就可以实现各种自定义需求了。
该函数搜索当前节点下的所有子节点，其签名如下find_all( name , attrs , recursive , text , **kwargs )。我们可以传入指定 TAG 的 name 来查找节点，上面已经举过例子了，这里不再赘述。我们来看几个其他的用法。
1、如果我们转入 find_all() 函数不是搜索内置的参数名，那么搜索是就会将该参数对应到属性上去。下文的例子表示查找 id 为 google 的节点。
搜索指定名字的属性时可以使用的参数值包括：字符串，正则表达式，列表，True。也就是我们上文介绍过的过滤器。
# demo 6
tags = soup.find_all(id='google')
print(tags[0]['href'])
for tag in soup.find_all(id=True): # 查找所有包含 id 属性的 TAG
print(tag['href'])
#输出结果
https://www.google.com
https://www.google.com
https://www.baidu.com
https://cn.bing.com
2、按照 CSS 类名搜索，但是镖师 CSS 的关键字 class 在 Python 中是内置关键字，从 Beautiful Soup 4.1.1 版本开始，可以通过 class_ 参数搜索有指定 CSS 类名的 TAG：
class_ 参数同样接受不同类型的过滤器：字符串，正则表达式，方法，True。
# demo 7
tags = soup.find_all("a", class_="website")
for tag in tags:
print(tag['href'])
def has_seven_characters(css_class):
return css_class is not None and len(css_class) == 7
for tag in soup.find_all(class_=has_seven_characters):
print(tag['id'])
#输出结果
https://www.google.com
https://www.baidu.com
https://cn.bing.com
google
baidu
bing
同时，因为 CSS 可以有多个值，所以我们可以分别搜索 CSS 中的每个值。
# demo 8
css_soup = BeautifulSoup('<p class="body strikeout"></p>', 'lxml')
tags = css_soup.find_all("p", class_="strikeout")
print(tags)
#输出结果
[<p class="body strikeout"></p>]
3、不仅可以按照标签和 CSS 来搜索整个文档，还可以使用 text 再按照内容来搜索。同时 text 还可以配合其他属性一起来完成搜索任务。
# demo 9
tags = soup.find_all(text="Google")
print("google : ", tags)
tags = soup.find_all(text=["Baidu", "Bing"])
print("baidu & bing : ", tags)
tags = soup.find_all('a', text="Google")
print("a[text=google] : ", tags)
#输出结果
google : ['Google']
baidu & bing : ['Baidu', 'Bing']
a[text=google] : [<a class="website" href="https://www.google.com" id="google">Google</a>]
4、限制返回数量
有时候文档树过于庞大，我们不想查查找整棵树，只想查找指定数量的节点，或者只想查找子节点，而不想查找孙子节点，指定 limit 或者 recursive 参数即可。
# demo 10
tag = soup.find_all("a", limit=1)
print(tag)
tags = soup.find_all("p", recursive=False)
print(tags)
#输出结果
[<a class="website" href="https://www.google.com" id="google">Google</a>]
[]
因为该对象的儿子节点没有 p 标签，所以返回的是空列表。
该函数只会返回一个结果，与 find_all(some_args, limit=1) 是等价的，唯一的区别就是该函数直接返回结果，而 find_all() 函数返回包含一个结果的列表。另外 find_all() 方法没有找到目标是返回空列表, find() 方法找不到目标时,返回 None。除此之外使用上没有其他差别。
除了 find_all() 和 find() 外，Beautiful Soup 中还有 10 个用于搜索的 API，其中中五个用的是与 find_all() 相同的搜索参数，另外 5 个与 find() 方法的搜索参数类似，区别仅是它们搜索文档的范围不同。
find_parents() 和 find_parent() 用来搜索当前节点的父节点。
find_next_siblings() 和 find_next_sibling() 对在当前节点后面解析的所有兄弟节点进行迭代。
find_previous_siblings() 和 find_previous_sibling() 对在当前节点前面解析的所有兄弟节点进行迭代。
find_all_next() 和 find_next() 对当前节点之后的 TAG 和字符串进行迭代。
find_all_previous() 和 find_previous() 对当前节点之前的 TAG 和字符串进行迭代。
以上五组函数的区别仅仅是前者返回一个所有符合搜索条件的节点列表，而后者只返回第一个符合搜索条件的节点。
因为这 10 个 API 的使用和 find_all() 与 find() 大同小异，所有i这里不再举例，读者可以自己探索。
在 Tag 或 BeautifulSoup 对象的 .select() 方法中传入字符串参数即可使用 CSS 选择器的语法找到 TAG。
1、通过某个标签逐层查找。
# demo 11
tags = soup.select("body a")
for tag in tags:
print(tag['href'])
#输出结果
https://www.google.com
https://www.baidu.com
https://cn.bing.com
2、查找某个标签下的直接子标签
# demo 12
tags = soup.select("p > a")
print(tags)
tags = soup.select("p > #google")
print(tags)
#输出结果
[<a class="website" href="https://www.google.com" id="google">Google</a>, <a class="website" href="https://www.baidu.com" id="baidu">Baidu</a>, <a class="website" href="https://cn.bing.com" id="bing">Bing</a>]
[<a class="website" href="https://www.google.com" id="google">Google</a>]
3、通过 CSS 类名直接查找
# demo 13
tags = soup.select(".website")
for tag in tags:
print(tag.string)
#输出结果
Google
Baidu
Bing
4、通过标签的 id 属性查找
# demo 14
tags = soup.select("#google")
print(tags)
#输出结果
[<a class="website" href="https://www.google.com" id="google">Google</a>]
5、通过属性的值来查找
关注本头条号，每天坚持更新原创干货技术文章。
如需学习视频，请在微信搜索公众号“智传网优”直接开始自助视频学习
本文主要讲解如何在vim里查询特定关键字。
我是一个新的Linux和类unix操作系统用户。如何在Vi或Vim中搜索和查询单词?如何在Vim或vi文本编辑器中查询单词?
Vi和vim是一个针对Linux、macOS、Unix和*BSD系列操作系统的文本编辑器。Vim是一个免费的开源文本编辑器。可以使用各种vi文本编辑器键进行搜索。这个页面展示了如何在Linux或类unix系统上运行的vi或vim文本编辑器中搜索和查询单词。
vim如何查询关键字
使用Vim/vi搜索和查询当前单词:
在正常模式下，您可以向前或向后搜索。
你可以在vim/vi中按下/然后输入你的搜索语法/关键字来进行查询。
在vi/vim中按下?然后输入你的语法/关键字。
在vim中查询到单词后，您可以按n键直接向后转到单词的下一个出现位置。按N键可以直接到相反的方向，即向前。
让我们来看一些例子。
在vim/vi查询关键字
打开文件/etc/passwd:
vi /etc/passwd
或者
vim /etc/passwd
向前搜索一个名为root的单词:
按ESC键
输入/root
按n向前搜索下一个出现的单词root。你可以按N向后搜索。
在vim/vi查询关键字
让我们在当前目录下打开一个名为demo.txt的文件:
vi demo.txt
或者
vim demo.txt
反向查询关键字
反向查询一个名为“bar”的关键字：
反向查询关键字
按ESC键
输入?bar
按N向后搜索下一个出现的单词bar。你可以按n向前搜索。
从命令行中搜索并打开文 vi / vim文本编辑器支持使用以下语法命令，直接开始执行
vi +commandHere fileName vim +LineNumber fileName vi +/searchTermHere fileName vi +/LineNumberHere fileName vim +/LineNumberHere fileName
解释：
+commandHere表示+执行的命令
+LineNumber表示+行号
+/searchTermHere表示+查询参数
vi +/LineNumberHere fileName表示+搜索行号
vim也一样
例如：
打开文件，进入main()函数，输入:
vim +/main filename-here
接下来打开文件，转到第42行，输入:
vim +42 fileName
本文主要总结vi或vim的查询操作技巧，通过本教程，您应该有所了解了吧？
这个页面展示了如何使用Vim或vi文本编辑器来搜索单词，包括使用*号来搜索当前单词。更多信息请参见vim帮助页面。
总结vi或vim的查询操作技巧
本文已同步至博客站，尊重原创，转载时请在正文中附带以下链接：
https://www.linuxrumen.com/rmxx/1566.html
点击了解更多，快速查看更多的技术文章列表。
*请认真填写需求信息，我们会在24小时内与您取得联系。
