怎樣同時查找多個關鍵詞并高亮標注關鍵詞

們在瀏覽網頁時，輸入網址或點擊書簽，當頁面加載完成后，不得已用雙眼從上到下掃描網頁內容，查找網頁是否存在自己關注的內容，就是眼睛有點累。

搜索標注關鍵詞

如果瀏覽器能自動標注頁面關鍵詞高亮顯示，提示關鍵詞所在位置，減少肉眼掃描范圍，輔助瀏覽頁面。如下圖所示：
在瀏覽器書簽欄中，有一個【高亮關鍵詞】按鈕，鼠標點擊一下即顯示接下狀態，瀏覽器會自動查找當前頁面上的關鍵詞，并使用紅色加粗字體黃色背景高亮顯示，若再打開其它網頁或點擊鏈接打開新網頁，在新頁面中無需任何操作即高亮標注關鍵詞。

網頁標注關鍵詞

為實現上述效果，具體設置步驟如下：
1、運行木頭瀏覽器，從【自動控制】菜單打開【項目管理器】，項目管理器已新建好一個默認項目，鼠標雙擊【項目簡介】小標題，把名字改為“高亮顯示關鍵詞”。在下面的輸入框里輸入需要標注的關鍵詞，如有多個關鍵詞以逗號隔開。

添加關鍵詞

2、新建一個定時控制器，設置每秒執行一次。即每秒檢測一次頁面，發現關鍵詞即高亮標注。為什么要每秒檢測一次呢？而不是頁面打開后標注一次就可以了？這里主要考慮到很多響應式頁面和ajax加載的頁面內容，能往里完成關鍵詞高亮標注。

定時標注關鍵詞

3、怎樣高亮標注網頁上的關鍵詞，這是最關鍵的一步，通過執行JavaScript腳本代碼，通過正則表達式把關鍵詞替換成高亮顯示的span元素，注意在替換時需排除已替換過的關鍵詞。

標注關鍵詞的腳本

具體代碼如下：

var head="";
var end="";
var bstr=document.body.innerHTML;
var keystr0="{1、默認項目_Brief}";//從木頭瀏覽器項目簡介中取關鍵詞字符串
keystr0=keystr0.replace(/，/g,",");//全角逗號替換為半角
var keys0=keystr0.split(',');//字符串轉數組
var cstr=bstr;
for(var i=0;i<keys0.length;i++)
{
var key=keys0[i];
var val=head+key+end;//組成高亮元素
//替換關鍵詞（排除已被替換的詞）
cstr=cstr.replace(new RegExp(key+"(?!)",'g'),val);
}
//替換元素后內容變長，在木頭瀏覽器里更新網頁顯示內容
if(cstr.length>bstr.length)
document.body.innerHTML=cstr;

最后保存項目文件，再執行項目就可以高亮標注頁面上的關鍵詞了。

很多客戶在做網站的時候都會問到我們一個問題：你們做的網站我能不能搜索得到。其實這就是說的，網站會不會搜索引擎收錄。只有我們的網站被搜索引擎收錄了，網站才能夠被搜索得到。那一個網站特別是一個新上線的網站如何讓搜索引擎的快速收錄呢？

對于國內來說，我們搜索使用得比較多的搜索引擎有百度、360、搜狗。其他的搜索引擎使用都非常的少。那如何讓搜索引擎快速收錄我們的網站呢？

1.網站盡量做到個性化，框架布局與眾不同，為了讓搜索引擎快速收錄，我們一定不能使用模板網站，因為搜索引擎只收錄有價值的東西。如果你的網站做得個性化，框架與別人的不同，那這樣子被搜索引擎收錄的概率將大大增大。

2.充實網站的內容，讓網站豐滿。在網站正式上線之前，我們需要在網站里面填充部分內容，以便于上線的時候，讓搜索引擎去檢測收錄。讓搜索引擎感覺這個網站是有價值的。

3.做好基本的站內優化。在沒有足夠的站外優化的時候，我們需要做好站內優化。站內優化就想一座房子的根基。站內優化沒有最好，想要做好整站優化，會比較費力。站內優化包括：對網站的版面設計、整體架構以及原代碼的搭配進行相應的優化處理，使網站的整個技術參數都符合互連網的標準，以適應搜索引擎的抓取過程，通過后臺可以對網站每個頁面的title，關鍵詞（類別關鍵詞）以及頁面屬性進行自主的編輯，頁面生成靜態Html頁面，以便優化搜索。

4.優秀高質量的外部鏈接。多做一些優秀高質量的外部鏈接，這樣子有利于網站的收錄。例如：內部內容添加百度外鏈；百度知道、百度貼吧、百度文庫文章發布；在同行業網站發布新聞；策劃帖子，發布于行業論壇；在B2B平臺發布信息等。

5.向搜索引擎提交網站網址。我們可以主動向搜索引擎提交，我們新網站的網址，讓搜索引擎去收錄。

以上小編總結了這么多，其實方法還有非常的多，這個以后有機會再大家慢慢分享。例如我們如何去避免百度討厭的優化一些方法。大家第一步只要做到小編上面講到的5條，網站基本上都能夠被搜索引擎快速收錄。（有更多問題歡迎加建站優化QQ963361673）

家好，今天給大家介紹一款，JavaScript+css實現的喜慶活動邀請函多頁面html源碼（圖1）。送給大家哦，獲取方式在本文末尾。

圖1

模板制作精良美觀，主題非常喜慶，慢慢向下滑動，可以看到，包含活動信息、時間地點、公司二維碼、地圖等，自適應分辨率，適用于各種移動設備（圖2）

圖2

源碼完整，需要的朋友可以下載學習（圖3）。

圖3

本源碼編碼：10183，需要的朋友，訪問[92ui點net]，搜索10183，即可獲取。

在線咨詢

上一篇：史上最全的Vue開發規范
下一篇：萬萬沒想到，H5的時間軸居然還能這么玩

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。