网页新建窗口全攻略(转)

最新推荐文章于 2020-09-14 12:38:58 发布

cqwf95925

最新推荐文章于 2020-09-14 12:38:58 发布

阅读量193

点赞数

文章标签： javascript ViewUI

在浏览或制作网页过程中经常用到新建浏览窗口。而新建窗口也有很多种变换方式，只要我们合理使用，可以让自己制作的网页更酷，下面让我们来看一看。

自动弹出窗口

在浏览一些网站时，我们常见到在打开首页文件的同时，会自动弹出另外一个窗口网页，这个网页一般都是一些公告、广告类的内容，它是怎样做出来的呢？实际上这些都是Javascript代码的功劳。

1．源代码介绍

笔者将介绍实现自动弹出窗口的两种方法，都是调用window.open()实现的，它们的显示效果相同。

方法一代码如下：

＜script language="Javascript"＞

＜!--

window.open("XXX.htm", "NewWindow","toolbar =no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,
copyhistory=no,width=400,height=260,left=10,top=340")

//--＞

＜/script＞

其中XXX.htm是你要在新窗口中打开的网页文件名。

方法二代码如下：
　

＜script language="Javascript"＞

＜!--

var gt=unescape(‘%3e‘);

var popup=null;

var over="Launch Pop-up Navigator";

popup=window.open(‘‘, ‘popupnav‘,‘width=400,height=250,left=10,top=340,toolbar=0,location=0,directories=0,
status=0,resizable=0,scrollbars=0‘);

if(popup!=null){

if (popup.opener==null){

popup.opener=self;

}

popup.location.href=‘XXX.htm‘;

}

//--＞

＜/script＞

2．参数解释

1)弹出窗口的浏览器界面设置参数如下：

　

名称	说明	备注
toolbar=yes	显示工具条	1.它们的值可以是yes 或no，也可以是1和0（除0以外，其它的数都算1）；2.上述参数如果在程序代码中没有出现，缺省都是禁止显示。
location=yes	显示网址栏
directories=yes	导航条，即显示“链接”栏
status=no	不显示状态条
menubar=yes	显示选单栏
scrollbars=yes	显示滚动条
resizable=no	是否可以改变窗口大小
copyhistory=yes	显示历史按钮yes