アレイ内のアイテムがページ内に存在するかどうかを確認します。もしそうなら、警告してください。そうでなければ、ページ

Question

をリフレッシュしてください。ページ内の文字列を探すこのユーザースクリプトがありました。見つからない場合は、4秒後にページをリフレッシュします。

var item = 'apple'; 
if(document.body.innerHTML.toString().indexOf(item) > -1){ 
    setTimeout(function() { 
     alert(item + " was found"); 
    }, 150); 
}else{ 
    setTimeout(function() 
       { 
     location.reload(true); 
    }, 4000); 
} 

このコードは完全に動作しています。しかし、その後、私は配列で、1つの以上のアイテムを検索したい：

var item = [ 
    'apple', 
    'peach' 
]; 
for (var i = 0; i < item.length; i++){ 
    if(document.body.innerHTML.toString().indexOf(item[i]) > -1){ 
     player.play(); 
     setTimeout(function() { 
      var curitem = item[i]; 
      alert(item[i] + " was found"); 
     }, 200); 
    } 
} 
//else{ 
// setTimeout(function() 
//    { 
//  location.reload(true); 
// }, 4000); 
//} 

しかし、私はこだわっています、私は知らない。

1. をその配列の項目を警告する方法発見された？今のところ、「未定義が見つかりました」という警告が表示されます。
   これは、スクリプトが機能していることを意味し、配列内の項目を検索しています。しかし、アラートでは「未定義」と表示されます。
2. 何も見つからなかった場合、ページを更新するにはどうすればよいですか？

Answer 1

これは、配列内で最初に検出されます。ここではDivのID contentが使用されています。これは、スクリプトがサンプルスニペットの本文の一部であるためです。

var item = [ 
 
    'apple', 
 
    'peach' 
 
]; 
 

 
//make sure that items dont contain special regex chars 
 
var itemRe = new RegExp(item.join("|")); 
 
var result = document.getElementById("content").innerHTML.toString().match(itemRe); 
 

 
if (result) { 
 
    //player.play(); 
 
    setTimeout(function() { 
 
    alert(result.toString() + " was found"); 
 
    }, 200); 
 
} else { 
 
    setTimeout(function() { 
 
    location.reload(true); 
 
    }, 4000); 
 
}

<div id="content">gfg</div>

Answer 2

これを行うには、いくつかの方法があります。私は正規表現を好んでいます。なぜなら、それはより大きなパワーを提供し、多くの用語に対してループよりも一般に速いからです。

コードのような：

var items = [ 
 
    'apple', 
 
    'peach' 
 
]; 
 
var itmRegEx = new RegExp (`(${ items.join("|") })`); 
 

 
var itmMtch = document.body.innerHTML.match (itmRegEx); 
 
if (itmMtch && itmMtch.length) { 
 
    //player.play(); 
 
    //setTimeout (alert, 200, itmMtch[1] + " was found"); 
 
    setTimeout (console.log, 200, itmMtch[1] + " was found"); 
 
} 
 
else { 
 
    console.log ("Reloading..."); 
 
    //setTimeout (() => {location.reload (true);}, 4000); 
 
}

注：

1. toString()不要です。
2. これは、正規表現のフルパワーを可能にします。例えば、'apple\\b'のような式は "apple"と一致しますが、 "apples"は一致しません。
3. 注意：innerHTMLを使用してください。これは
   <a href="virusserver.net/badapple">free!</a>のようなものと一致します。
   ページ上で目に見えるものが表示される場合は、textContentを代わりに使用してください。
4. setTimeout()の現代的な形式に注意してください。
5. document.bodyは、広い、遅い、ネットをキャストします。可能であれば、興味のあるノードをクラスまたはIDでターゲット設定します。
6. location.reloadは、パラメータ化されたバージョンsetTimeout()が機能しない特殊なケースです。