整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
編親身體驗，教你如何用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小時內與您取得聯系。
