仅在特定 url 上显示小部件

Question

我在站点的页脚中有一个脚本。如果 url 包含 'mystring'，我希望显示小部件，如果不包含，则不显示

<script>
    if (window.location.href.indexOf("mystring") > -1) {
        <script type="text/javascript" src="https://vk.com/js/api/openapi.js?169"></script>
        <!-- VK Widget -->
        <div id="vk_community_messages"></div>
        <script type="text/javascript">
        if($(window).width()>800) { 
        VK.Widgets.CommunityMessages("vk_community_messages", 203651941, {expandTimeout: "20000",tooltipButtonText: "Any Question?"});
        }
        if($(window).width()<=800) {
        VK.Widgets.CommunityMessages("vk_community_messages", 203651941, {tooltipButtonText: "Any Question?"});
        }}
</script>

此代码产生以下错误：

Uncaught SyntaxError: Unexpected identifier (string 3)

Uncaught SyntaxError: Unexpected token '}' (string 12)

Answer 1

您在外部 <script> 标签内有 <script> 标签和其他 HTML，这是不允许的，也永远不会起作用。这是您在第一次学习 HTML 和 JavaScript.

时应该学到的相当基本的东西

这会更有意义（我不能轻易测试它，所以不能保证它会正常工作，但它肯定不会有任何基本的设计缺陷或语法错误，所以它应该为你指明正确的道路):

<div id="vk_community_messages"></div>

<script type="text/javascript" src="https://vk.com/js/api/openapi.js?169"></script>
<script>
    if (window.location.href.indexOf("mystring") > -1) {
        if($(window).width()>800) { 
          VK.Widgets.CommunityMessages("vk_community_messages", 203651941, {expandTimeout: "20000",tooltipButtonText: "Any Question?"});
        }

        if($(window).width()<=800) {
          VK.Widgets.CommunityMessages("vk_community_messages", 203651941, {tooltipButtonText: "Any Question?"});
        }
    }
</script>

仅在特定 url 上显示小部件

Show widget only on specific url

html

javascript

vk