Question

我有一个经典的ASP文件，可以生成以下输出：

<!DOCTYPE HTML>
<html>
    <head>
        <title>Blog</title>
        <link rel="stylesheet" type="text/css" href="blog.css">
        <script type="text/javascript" src="/js/mark.min.js"></script>
        <script type="text/javascript">
            function performMark(keyword) {
                var options = {
                    "element": "span",
                    "className": "highlight",
                    "acrossElements": true
                };
                markInstance.mark(keyword, options);
            }
        </script>
    </head>
    <body id="iframeBody">
        <div id="blog_post_container">
            <div id="blog_post_container_header">
                <div id="blog_search_form_container">
                    <form method="post" name="frmBlogSearch" id="frmBlogSearch" action="blog.asp"><input type="hidden" name="btid" value="1" /><img src="images/icon_refresh.png" onclick="returnToBlogList('1','');" title="Clear Search Criteria" /><input type="text" name="txtSearchCriteria" value="summary" /><img src="images/search.gif" alt="Search Blog" onclick="searchBlog();" title="Search Blog" /></form>
                </div>
                <div id="blog_type">Blog</div>
            </div>
            <div id="blog_search_title">Search Results - All Blog Posts That Contain &quot;summary&quot;</div>
            <div id="blog_list" class="search_context">
                <div id="blog_post_98">
                    <div class="blog_title"><a href="?bid=98&txtSearchCriteria=summary">Second Test With Summary</a></div>
                    <div class="blog_summary"><a href="?bid=98&txtSearchCriteria=summary">Another awesome summary. It can be very long. We are not limiting it. Just keep typing. Blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah. UPDATE - NEW THING!!</a></div>
                    <div class="blog_dates">
                        Posted: 11/8/2016 11:54:26 PM
                        <div class="blog_updated_date"><i>Updated: 11/17/2016 1:30:29 AM</i></div>
                    </div>
                    <div class="blog_author">Posted By: Me</div>
                </div>
                <hr class="gradient" />
                <div id="blog_post_97">
                    <div class="blog_title"><a href="?bid=97&txtSearchCriteria=summary">First Test With Summary</a></div>
                    <div class="blog_summary"><a href="?bid=97&txtSearchCriteria=summary">This is the summary for a Blog post</a></div>
                    <div class="blog_dates">
                        Posted: 11/8/2016 11:29:53 PM
                    </div>
                    <div class="blog_author">Posted By: Me</div>
                </div>
                <hr class="gradient" />
            </div>
        </div>
        <script type="text/javascript">
            var markInstance = new Mark(document.querySelector(".search_context"));
            performMark("summary");
        </script>
    </body>
</html>

在ASP文件中，performMark函数不会在任何地方突出显示“summary”一词。如果我剪切并粘贴相同的确切标记并将其放在同一文件夹中的html文件中，它可以正常工作。有什么想法吗？

mark.js在html中工作但不是经典的asp

0 个答案: