Javascript 如何使用css在新窗口中打开链接?
我需要在一个新窗口中打开一组链接-好处是它们都有相同的css样式-我需要在css中做什么才能在新窗口中打开这些链接?你不能使用css来做这件事。您需要使用Javascript 如何使用css在新窗口中打开链接?,javascript,html,css,Javascript,Html,Css,我需要在一个新窗口中打开一组链接-好处是它们都有相同的css样式-我需要在css中做什么才能在新窗口中打开这些链接?你不能使用css来做这件事。您需要使用命令。您不能使用CSS来执行此操作。您应该使用以下小脚本来完成此操作: <script type="text/javascript"> function newwindow() { var load = window.open('http://www.domain.com'); } </Script> 函数n
命令。您不能使用CSS来执行此操作。您应该使用以下小脚本来完成此操作:
<script type="text/javascript">
function newwindow()
{
var load = window.open('http://www.domain.com');
}
</Script>
函数newwindow()
{
var load=window.open('http://www.domain.com');
}
根据注释:
如何指定窗口大小?我要比原版小一点。另外,我可以使页面中的所有链接在同一个新窗口中以较小的尺寸打开吗
您不能使用CSS或HTML来执行此操作。您需要使用JavaScript的。您可以通过a
获取所有链接,并且可以通过以下方式确定链接的类
属性:
chooseYourName
中指定的窗口名称将确保在同一窗口中(重新)打开所有链接。您还可以看到,您可以在那里指定宽度和高度。如何指定窗口大小?我要比原版小一点。另外,我可以让页面中的所有链接在同一个新窗口中以较小的大小打开吗?您可以使用JavaScript on click事件来调整基本窗口大小。研究window.open命令。然后,如何在同一个新窗口中打开所有链接?在事件中使用相同的名称,它将使用具有该名称的窗口,而不是创建另一个新窗口。CSS是关于表示的;你不能用它来改变链接的行为。
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;
}
}
}
}
$(document).ready(function() {
$('a.someClass').click(function() {
window.open(this.href, 'chooseYourName', 'width=600,height=400');
return false;
});
});