JavaScript异步无法工作Wordpress


JavaScript Async not working Wordpress

我是Wordpress的新手。我刚刚开始写博客,在博客中我可以正确地运行HTML/JS代码。然而,当我在帖子中输入联盟代码时,它不起作用。

然后我在本地机器上尝试了一下,只需插入那个脚本,但它也不起作用。这是我的代码-

<div data-WRID="WRID-145208114021238062" data-widgetType="staticBanner" data-responsive="yes" data-class="affiliateAdsByFlipkart" height="250" width="300"></div>
<script async src="http://affiliate.flipkart.com/affiliate/widgets/FKAffiliateWidgets.js"></script>

我还试着将这个脚本下载到本地机器上,然后简单地提供HTML链接,但没有成功。

我知道这很傻,但我想不通。请帮忙。

看起来@Jaromanda走在了正确的轨道上。

我在本地文件和本地测试Wordpress中复制粘贴到这里,脚本就可以正确下载了。它展示了flipkart的广告,我想这是预期的行为。

要了解脚本的作用,您可以通过美化程序来更轻松地阅读它。

下载的脚本创建一个iframe元素,并设置iframe的源以显示广告。但是,为了创建表示该源的字符串,它使用了window.location.protocol(请参阅函数createFKWidgetIframe)。location对象表示运行脚本的文档的url,而不是脚本的来源位置。

这个window.location.protocol通常是http:https:,但如果您在本地拥有它,而不是通过本地http服务器提供服务,那么浏览器中的地址栏将类似于file:///C:/path/to/the/file,协议window.location.protocol将是file:,即使创建了iframe,iframe的源也将设置为类似于file://affiliate.flipkart.com/widget/displayWidget?wrid=...。这个位置显然不存在。请查看您页面的源代码,看看iframe的源代码设置为什么,以确认或不确认。

因此,如果不通过本地http服务器提供文件,就没有机会加载iframe内容。

如果你在线访问的Wordpress安装程序也不起作用,那么我很无助。我只能建议你检查你的机器/浏览器上是否有广告拦截软件/插件或类似软件,或者它们是否被你背后的防火墙或代理阻止。