如果使用 javascript 的 HTML 文档中存在特定文本，您如何提醒用户？

Question

因此，当网页加载时，我想执行一个脚本来提醒用户 HTML 文档中存在一段特定的文本。我希望此脚本在整个文档中搜索指定的文本，如果存在该文本，则触发警报。如果不存在指定文本，则不执行任何操作。我不太擅长这样的功能，也找不到关于如何使用 javascript.

在特定文本行上搜索 html 文档的答案

Answer 1

试试这个 :)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Example</title>
</head>
<body>
<div id="Content">
    <div id="Panes"><div>
        <h2>This is an example</h2>
        <p><strong>Lorem Ipsum</strong>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit.
            Nunc ante mauris, sollicitudin vel luctus ac, rhoncus eu est.
            Sed fermentum est non pharetra viverra. Interdum et malesuada fames ac ante ipsum primis in faucibus.
            Curabitur interdum metus non laoreet vehicula. Aliquam in lorem quis velit accumsan viverra.
            Sed faucibus interdum augue non feugiat. Aliquam libero odio, malesuada aliquam sapien at, varius lobortis quam.
            Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
            Nullam vestibulum ultricies magna sit amet ultricies. Ut a nibh sodales, fringilla ipsum et, dapibus tortor.
        </p>
    </div>
</div>
<script>
    var textYouWantToFind = "Lorem Ipsum";
    var textExists = !!document.body.innerText.indexOf(textYouWantToFind);

    if (textExists) {
        alert("We have found " + textYouWantToFind + " !")
    }
</script>
</body>
</html>

Answer 2

我给你留下了我的答案，但如果你需要的话 jQuery：（按照大牛的HTML结构）

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(function() {
    var txtToFind = 'Lorem ipsum';
    var txtFilter = $('#Content:contains("' + txtToFind + '")').filter(function() {
        alert('Found Text: ' + txtToFind);
    });
});
</script>

如果使用 javascript 的 HTML 文档中存在特定文本，您如何提醒用户？

How do you alert user if a certain piece of text is present within HTML document using javascript?

html

javascript

search

alert