Question

我知道这个问题已被问过很多次，但我不是那么问。这段代码属于网站菜单栏，所以我必须保留这段代码，否则设计会完全不同。代码：

<li class="removable-parent">
<a class="removable-parent" href="http://88.88.209.56:12/player.html" data-
link-type="EXTERNAL"  target= "_blank"> 
<span id="4884dd90"  class="preview-element Link item-link magic-circle-
holder text-element custom" data-menu-name="PREVIEW_LINK" >Spiller</span>
</a>
<script>
function clickHandler() {
window.open(this.href, "_blank", "width=640,height=480");
return false; // to prevent default action.
 } document.getElementById("http://88.88.209.56:12/player.html").onclick=clickHandler
  }
</script>
</li>

那么如何让这个代码以确定的大小打开窗口呢？

Answer 1

您需要使用javascript。

获取对象的引用并处理click事件。在这种情况下，使用带有适当参数的window.open来设置弹出窗口的宽度和高度。

确保取消原始活动，这样就不会有两个弹出窗口。

类似的东西：

<script>
     function clickHandler() {
        window.open(this.href, "_blank", "width=640,height=480");
        return false; // to prevent default action.
    }

    var elems = document.querySelectorAll(".removable-parent");
    for (var i = 0, elem; elem = elems[i]; ++i) {
        elem.onclick = clickHandler;
    }
</script>

或者，如果您希望在一个链接上应用此行为，请先为您的链接添加一个id属性：

<a class="removable-parent" id="myelement" href="http://88.88.209.56:12/player.html" data-link-type="EXTERNAL" target= "_blank">

然后应简化脚本，使其仅适用于该元素：

<script>
    function clickHandler() {
        window.open(this.href, "_blank", "width=640,height=480");
        return false; // to prevent default action.
    }
    document.getElementById("myelement").onclick = clickHandler;
</script>

新窗口大小

1 个答案: