javascript 打开新窗口

1、直接函数调用法:

在Body标签之前插入如下代码

<script LANGUAGE=”JavaScript”>
<!–
function openwin(url) {
window.open (url, “newwindow”, “height=300, width=400, top=200,left=200 toolbar =no, menubar=no, scrollbars=no, resizable=no, location=no, status=no”)
}
//–>
</script>

参数解释:window.open是打开新窗口的命令,其中的参数url是为了传入需要打开的页面;

newwindow可有可无;

height是打开窗口的高度;

width是打开窗口的宽度;

top是窗口距离显示器顶端的像素数;

left是窗口距离显示器左边的像素数;

toolbar设置是否显示工具栏;

menubar设置是否显示菜单栏;

scrollbars设置是否显示滚动条;

resizable设置是否可以调整大小;

location设置是否显示地址栏;

status设置是否显示状态栏;

参数基本上就是这些,下面介绍如何调用。

如果是想在网页加载时就弹出这种窗口,就在body标签上加入这句代码:

<body onload=”openwin(’page.html)”>

其中page.html是你要弹出的那个页面的相对或者绝对地址;

如果是要在点击超链接时弹出这种窗口,则使用如下代码:

<a href=javascript:openwin(’page.html’);>测试</a>

也可以把函数写入js文件,然后引用,具体方法是:

打开记事本,输入如下代码:

function openwin(url) {
window.open (url, “newwindow”, “height=372, width=450, top=200,left=200 , toolbar =no, menubar=no, scrollbars=no, resizeable=no, location=no, status=no”)
}

将其保存为show.js,名字可以随便起,在网页中这样引用:

<script src=”show.js” type=”text/javascript”></script>

其中src设置的是相对的路径,也可以使用绝对路径。调用的方法和前面是一样的,这中方法适合与很多页面都需要调用这个函数的时候。

2.

function openwin(url) {

    var x=this.screen.availHeight-50;

    var y=this.screen.availWidth-10;

  

   var fullstyle=" status=yes,toolbar=no,resizable=no,top=0,left=0,fullscreen=0,width="+y+",height="+x+";";

  

   this.opener=null;

   window.open('','_self');

   this.close();

  

    var date = new Date();

    var strTemp = date.valueOf();

 

   window.open(url,'winName'+ strTemp,fullstyle);
}

原文地址:https://www.cnblogs.com/si812cn/p/1410205.html