javascript - 将变量传递到符合 W3C 的外部 js 文件中

Question

我一直在遵循 Shopify Resources 上的提示根据欧盟 cookie 法律，请求我的访问者允许使用 cookie。

编码有效，但是当我传递通过 W3C Markup Validation Service 提供的编码时它出现以下错误

Error Line 25, Column 139: Attribute read_more not allowed on element script at this point. …-cookie/require-opt-in.js" read_more="doc/website_privacy_policy.pdf">

我的编码是

<link rel="stylesheet" type="text/css" href="http://www.heartinternet.co.uk/eu-cookie/main.css"/>
<script type="text/javascript" src="http://www.heartinternet.co.uk/eu-cookie/support-opt-in.js"></script>
<script type="text/javascript" src="http://www.heartinternet.co.uk/eu-cookie/require-opt-in.js" read_more="doc/website_privacy_policy.pdf"></script>

我尝试将 read_more 属性移到 <script> 之外标记，将其更改为

<script type="text/javascript" src="http://www.heartinternet.co.uk/eu-cookie/require-opt-in.js">read_more="doc/website_privacy_policy.pdf";</script>

这不起作用，因为它没有在弹出窗口中显示“阅读更多”链接。我还尝试将其放入单独的<script>中 block 因此将编码更改为

<link rel="stylesheet" type="text/css" href="http://www.heartinternet.co.uk/eu-cookie/main.css"/>
<script type="text/javascript" src="http://www.heartinternet.co.uk/eu-cookie/support-opt-in.js"></script>
<script type="text/javascript">read_more="doc/website_privacy_policy.pdf";</script>
<script type="text/javascript" src="http://www.heartinternet.co.uk/eu-cookie/require-opt-in.js"></script>

但这也不起作用。同样，“阅读更多”链接未显示。

有没有办法通过 read_more变量进入 require-opt-in.js文件并符合 W3C 标记？

Answer 1

他们似乎没有为您提供另一种传递网址的选项。您可以手动设置阅读更多链接，将最后一个脚本 block (即启动小部件的脚本 block )更改为您自己编写的脚本 block 。例如:

<script type="text/javascript">
    "use strict";
    var showSplash = function(){
        HI.optInCookies.readMoreURL = "doc/website_privacy_policy.pdf";
        HI.optInCookies.showSplash();
    };
    if(document.body) {
        showSplash();
    } else {
        setTimeout(showSplash, 100);
    }
</script>

如果他们更改 API，它就会中断，但我没有看到其他选项，因为他们用于搜索阅读更多 url 的代码正在查看脚本 block 中名为“read_more”的属性。您可以更改上面的代码，以对您最有意义的方式传递阅读更多 url。

您也可以在this fiddle中尝试一下.