Question

我需要在新窗口中打开一组链接 - 好处是它们都具有相同的CSS样式 - 我需要在css中做什么才能在新窗口中打开这些链接？

Answer 1

根据评论：

以及如何指定窗口大小？我希望它比原始页面小一点。另外，我可以在相同尺寸的相同新窗口中打开页面中的所有链接吗？

您无法使用CSS或HTML执行此操作。您需要使用JavaScript的window.open()。您可以a上的element.getElementsByTagName()获取所有链接，然后按element.className确定链接的class属性：

window.onload = function() {
    var links = document.getElementsByTagName('a');
    for (var i = 0; i < links.length; i++) {
        var link = links[i];
        if (link.className == 'someClass') {
            link.onclick = function() {
                window.open(this.href, 'chooseYourName', 'width=600,height=400');
                return false;
            }
        }
    }  
}

如果您已使用jQuery，则可以使用$('a.someClass')选择具有指定类someClass的所有链接：

$(document).ready(function() {
    $('a.someClass').click(function() {
        window.open(this.href, 'chooseYourName', 'width=600,height=400');
        return false;
    });
});

chooseYourName中指定的窗口名称将注意在同一窗口中（重新）打开所有链接。您还可以看到可以指定那里的宽度和高度。

Answer 2

您无法使用CSS执行此操作。您需要使用<a target="_blank"></a>。

修改： Javascript的window.open命令。

Answer 3

你不能用CSS做到这一点。您应该使用小脚本执行此操作，例如：

<script type="text/javascript">
function newwindow()
{
    var load = window.open('http://www.domain.com');
}
</Script>

如何使用css在新窗口中打开链接？

3 个答案: