新窗口大小

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。

获取对象的引用并处理单击事件。在这种情况下，使用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>