如何设置Javascript window.open元素的样式



我希望用户单击一个链接,打开一个具有特定大小和位置的新窗口。

我已经实现了这一点,但希望"条款和条件"链接表现得像正常链接。即悬停状态、鼠标变为手。

<body>
<a onclick="termsWin()"> terms and conditions</a>
<script>
function termsWin() {
window.open("myurl", "", "toolbar=no,scrollbars=yes,resizable=yes,top=100,left=250,width=400,height=600");
}
</script>
</body>

从一个正确而有用的页面链接开始:

<a href="myurl" target="_blank">terms and conditions</a>

然后在上面添加您的JavaScript,用return false:取消默认链接事件

<a href="myurl" target="_blank" onclick="termsWin(this.href); return false">terms and conditions</a>
<script>
function termsWin(url) {
window.open(url, "", "toolbar=no,scrollbars=yes,resizable=yes,top=100,left=250,width=400,height=600");
}
</script>

然后删除JavaScript,返回到第一个版本,因为只在平台上打开微小的、有限的窗口,甚至仍然允许你这样做,这是令人讨厌和无用的。

添加href属性使其成为超链接。没有它,它只是一个锚。

<body>
<a href="#" onclick="termsWin()"> terms and conditions</a>
<script>
function termsWin() {
window.open("myurl","","toolbar=no,scrollbars=yes,resizable=yes,top=100,left=250,width=400,height=600");
}
</script>
</body>

最新更新