js搜索關鍵字(Ctrl + F)

Clect 發布于2019-08-23 15:26 / 2163人閱讀

摘要：為了修好發動機，阻止地球墜入木星，全球開始展開飽和式營救，連劉啟他們的車也被強征加入。方法用于把一個字符串分割成字符串數組。空字符串每個字符之間都會被分割存在的字符串不存在的字符串把數組中的所有元素放入一個字符串可選。



    
    




    流浪地球
    近未來，科學家們發現太陽急速衰老膨脹，短時間內包括地球在內的整個太陽系都將被太陽所吞沒。為了自救，人類提出一個名為“流浪地球”的大膽計劃，即傾全球之力在地球表面建造上萬座發動機和轉向發動機，推動地球離開太陽系，用2500年的時間奔往另外一個棲息之地。中國航天員劉培強（吳京
        飾）在兒子劉啟四歲那年前往國際空間站，和國際同儕肩負起領航者的重任。轉眼劉啟（屈楚蕭 飾）長大，他帶著妹妹朵朵（趙今麥 飾）偷偷跑到地表，偷開外公韓子昂（吳孟達
        飾）的運輸車，結果不僅遭到逮捕，還遭遇了全球發動機停擺的事件。為了修好發動機，阻止地球墜入木星，全球開始展開飽和式營救，連劉啟他們的車也被強征加入。在與時間賽跑的過程中，無數的人前仆后繼，奮不顧身，只為延續百代子孫生存的希望……

var inputKeyword = document.getElementsByTagName("input")[0];
var btnSearch = document.getElementsByTagName("button")[0];
var text = document.getElementsByClassName("lead")[0];

btnSearch.onclick = function () {
    var keyword = inputKeyword.value;
    if (!keyword) {
        return;
    }
    var textSplit = text.innerHTML.split(keyword);
    text.innerHTML = textSplit.join("" + keyword + "");
}

// 敲黑板(知識點)
// 1. innerHTML 設置或返回開始和結束標簽之間的 HTML。

// 2. value
// value 屬性可設置或者返回文本域的 value 屬性值。
// value 屬性包含了默認值或用戶輸入的值（或通過腳本設置）。

// 3. split() 方法用于把一個字符串分割成字符串數組。
var testString = "The Wandering Earth";

// 空字符串
var resultNull = testString.split("");
console.log(resultNull); // 每個字符之間都會被分割
// (19)?["T", "h", "e", " ", "W", "a", "n", "d", "e", "r", "i", "n", "g", " ", "E", "a", "r", "t", "h"]

// 存在的字符串
var resultHave = testString.split("W");
console.log(resultHave);
// (2)?["The ", "andering Earth"]

// 不存在的字符串
var resultNo = testString.split("z");
console.log(resultNo);
// ["The Wandering Earth"]

// 4. arrayObject.join(separator) 把數組中的所有元素放入一個字符串
// separator 可選。指定要使用的分隔符。如果省略該參數，則使用逗號作為分隔符。
// 返回一個字符串。該字符串是通過把 arrayObject 的每個元素轉換為字符串，然后把這些字符串連接起來，在兩個元素之間插入 separator 字符串而生成的。

GPU云服務器云服務器 js搜索系統中關鍵字搜索關鍵字輸入搜索關鍵字搜索關鍵字軟件

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/102044.html

一個前端開發工程師的Vim跟IDE一樣

摘要：一組就是一個插件，的很多功能都由各式插件實現。與相反到行頭到本行的第一個非字符到行尾到本行最后一個不是字符的位置。到逗號前的第一個字符。在當前行查找第三個出現的。工程文件菜單自定義快捷鍵顯示文件菜單自帶快捷鍵顯示隱藏隱藏文件在新這里是我新配置出來的 jaywcjlove/vim-web 一直在打磨中，基本上可以用了。拿出來騙 star 先上圖 showImg(https://segm...

Vultr 2019-06-28 10:19 評論0 收藏0
工欲善其事，必先利其器 _SUBLIME TEXT 3_使用心得（上篇）

摘要：的主要功能包括拼寫檢查，書簽，完整的，功能，即時項目切換，多選擇，多窗口等等。缺點是一款收費軟件，不過可以無限期使用。舉個栗子快速選中并更改所有相同的變量名函數名等。設置書簽，切換書簽左右字母互換。 Sublime text 簡介 Sublime text具有漂亮的用戶界面和強大的功能，例如代碼縮略圖，Python的插件，代碼段等。還可自定義鍵綁定，菜單和工具欄。Sublime Tex...

endless_road 2019-08-21 10:50 評論0 收藏0
如何把phpStorm打造成自己的專屬IDE?

摘要：本身是一款收費的軟件，有經濟基礎的還是建議購買注冊號，支持正版。選擇自己喜歡的風格，即可。如何安裝自己下載的主題在官方主題下載自己喜歡的主題，下載下來的是格式的，然后將文件拷貝到的配置目錄里。 php開發神器之一，必然會說到phpStorm，工具的強大之處是有目共睹的，開發工具即使再強大，功能再齊全，也是一種工具，重要的是你怎么看待它和使用它。之前一直用的zend studio，最近試...

Forelax 2019-07-01 12:14 評論0 收藏0
你不知道的Chrome DevTools（2）：那些debug的技巧

摘要：我打算把一些上使用的高級技巧寫成你不知道的這一系列的博文，希望大家一起學習學習。然而，這還不是最嚴重的，因為的語法比較寬松和隨意，所以同一功能多種寫法，各種奇葩都有。總結前端在調試代碼的時候，知道開發工具上的小技巧，可以提高查找問題的效率。 Web前端開發過程中必然會用到Chrome瀏覽器自帶的開發者工具Chrome DevTools，使用它作為Web前端開發性能調試的必備工具。就連隔...

warnerwu 2019-08-19 14:38 評論0 收藏0