脚本标记内的HTML-无法识别宽度和高度

Stan 发表于 Dev

斯坦

我正在使用脚本在我的网站上显示来自Instagram的图片。脚本本身可以正常工作，但是html代码有问题。

在脚本内，有一些html代码，以便当用户单击其中一张Instagram图片时，有指向该Instagram页面的链接，该链接应在新的弹出窗口中打开。我希望该弹出窗口的宽度和高度为500像素。

使用下面的代码，每个链接都在新选项卡中打开，而不是在新的弹出窗口中打开。我想问题是由html标签引起的。我以为我应该转义内部标签，但显然这不是解决方案。

我在这里想念什么？

<script type="text/javascript">
        var userFeed = new Instafeed1({
            get: 'user',
            userId: 'my_user_id',
            accessToken:'my_access_token',
            limit:'50',
            resolution:'low_resolution',
            template: '<div class="instafeed"><div class="instafeed-image"><a href="{{link}}" onclick="return !window.open(this.href, \'width=500, height=500\')" target="_blank"><img src="{{image}}" /></a><div class="instafeed-text"><a href="{{link}}" onclick="return !window.open(this.href, \'width=500, height=500\')" target="_blank"> {{likes}} {{comments}}</a></div></div></div>'
        });
        userFeed.run();
    </script>
    <div id="instafeed1"></div>

约翰·卡尔森（Johan Karlsson）

window.open（）接受3个参数：

window.open(strUrl, strWindowName, [strWindowFeatures]);

在strUrl新打开的窗口中要加载的url在哪里，是新窗口strWindowName的字符串名称，并且strWindowFeatures是一个可选参数，以字符串形式列出新窗口的功能。

您没有为窗口名称提供参数，因此使窗口功能成为新窗口的名称而不是窗口功能。

要解决您的问题，只需在调用中添加一个参数window.open()：

template: '<div class="instafeed"><div class="instafeed-image"><a href="{{link}}" onclick="return !window.open(this.href, \'COOL_WINDOW_NAME\',\'width=500, height=500\')" target="_blank"><img src="{{image}}" /></a><div class="instafeed-text"><a href="{{link}}" onclick="return !window.open(this.href, \'COOL_WINDOW_NAME\', \'width=500, height=500\')" target="_blank"> {{likes}} {{comments}}</a></div></div></div>'

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。