window.open弹出窗口

最新推荐文章于 2024-01-01 23:52:03 发布

gigipop

最新推荐文章于 2024-01-01 23:52:03 发布

阅读量379

点赞数

文章标签： parameters 工具 javascript null scroll 浏览器

window.open弹出窗口

    我们可以用很多种方式弹出窗口，今天盗版整理了下别人的成果，让自己以后用到的时候有个参考.

                                         一、window.open() 基础知识
     1、window.open()支持环境：  Java Script1.0+/JScript1.0+/Nav2+/IE3+/Opera3+
     2、基本语法：window.open(pageURL,name,parameters)
                  其中：
                            pageURL 为子窗口路径
                            name 为子窗口句柄
                            parameters 为窗口参数(各参数用逗号分隔)
     3、简单示例：

< script language = " javascript " type = " text/javascript " >

<!--

window.open ('page.aspx','newwindow','height = 100 ,width = 400 ,top = 0 ,left = 0 ,toolbar = no,menubar = no,scrollbars = no, resizable = no,location = no, status = no')

-->

</ script >

< script language = " javascript " type = " text/javascript " >

<!--

function openwin()

{

window.open ("page.aspx", "newwindow", "height=100, width=400, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")

}

-->

</ script >

< a href ="#" onclick ="openwin()" > 打开一个窗口 </ a >

*使用的“#”是虚连接，若把“#”换成一个页面，则效果是：打开这个页面的同时弹出小窗口。

2、定时关闭弹出窗口
只需在窗口页面（注意是窗口页面）加入以下代码即可。

< script language = " JavaScript " type = " text/javascript " >

function closeit()

{

setTimeout("self.close()",10000)

}

</ script >

其中，10000的单位是毫秒。再在<body>变成<body οnlοad="closeit()">即可。

3、主窗口和弹出窗口处于一个页面
一般，主窗口和弹出窗口都是分别为两个页面，可否都处在一个页面呢？当然是可以的。

< html xmlns ="http://www.w3.org/1999/xhtml" >

< head runat ="server" >

< title > 无标题页 </ title >

< script language ="JavaScript" type ="text/javascript" >

function openwin()

{

OpenWindow=window.open("", "newwin", "height=250, width=250,toolbar=no,scrollbars="+scroll+",menubar=no");

OpenWindow.document.write("<BODY BGCOLOR=#ffffff>")

OpenWindow.document.write("<h1>Hello!</h1>")

OpenWindow.document.write("New window opened!")

OpenWindow.document.write("</BODY>")

OpenWindow.document.write("</HTML>")

OpenWindow.document.close()

}

</ script >

</ head >

< body >

< input type ="button" onclick ="openwin()" value ="打开窗口" />

</ body >

</ html >

4、经常的应用

// ==========================================================================

// 代码描述：打开一个新的没有状态栏、工具栏、菜单栏、定位栏，

// 不能改变大小，且位置居中的新窗口

// 传入参数：pageURL - 传递链接

// innerWidth - 传递需要打开新窗口的宽度

// innerHeight - 传递需要打开新窗口的高度

// 返回参数：无

// ==========================================================================

function g_OpenWindow(pageURL, innerWidth, innerHeight)

{

var ScreenWidth = screen.availWidth

var ScreenHeight = screen.availHeight

var StartX = (ScreenWidth - innerWidth) / 2

var StartY = (ScreenHeight - innerHeight) / 2

window.open(pageURL, '', 'left='+ StartX + ', top='+ StartY + ', Width=' + innerWidth +', height=' + innerHeight + ', resizable=no, scrollbars=yes, status=no, toolbar=no, menubar=no, location=no')

}

三、模式窗口函数弹出窗口

// ==========================================================================================

// 代码描述：打开模式窗口函数，打开一个模式窗口不包含菜单、状态条、工具条、定位栏

// 传入参数：pageURL - 传递链接

// innerWidth - 传递需要打开新窗口的宽度

// innerHeight - 传递需要打开新窗口的高度

// 返回参数：无

// ==========================================================================================

function g_OpenModalWindow(pageURL, innerWidth, innerHeight)

{

window.showModalDialog(pageURL, null, 'dialogWidth:' + innerWidth + 'px;dialogHeight:' + innerHeight + 'px;help:no;unadorned:no;resizable:no;status:no')

}

// ==========================================================================================

// 代码描述：打开模式窗口函数，打开一个模式窗口不包含菜单、状态条、工具条、定位栏 ,并且返回值

// 传入参数：pageURL - 传递链接

// innerWidth - 传递需要打开新窗口的宽度

// innerHeight - 传递需要打开新窗口的高度

// 返回参数：模式窗体返回的returnValue

// ==========================================================================================

function g_OpenreturnWindow(pageURL, innerWidth, innerHeight)

{

var returnv;

returnv=window.showModalDialog(pageURL, null, 'dialogWidth:' + innerWidth + 'px;dialogHeight:' + innerHeight + 'px;help:no;unadorned:no;resizable:no;status:no')

return returnv;

}

// ==========================================================================================

// 代码描述：打开模式窗口函数，打开一个模式窗口不包含菜单、状态条、工具条、定位栏

// 传入参数：pageURL - 传递链接

// innerWidth - 传递需要打开新窗口的宽度

// innerHeight - 传递需要打开新窗口的高度

// 返回参数：无

// ==========================================================================================

function g_OpenReturnModalWindow(pageURL, innerWidth, innerHeight)

{

window.showModalDialog(pageURL, null, 'dialogWidth:' + innerWidth + 'px;dialogHeight:' + innerHeight + 'px;help:no;unadorned:no;resizable:no;status:no');

return false;

}