用javascript控制打开网页窗口大小和HTML如何关闭窗口

合集下载

html打开和关闭窗口的使用

HTML是一种标记语言，用于创建网页。

在网页中，经常需要使用信息或按钮来打开新窗口或关闭当前窗口。

本文将介绍如何在HTML中使用超信息和JavaScript来实现打开和关闭窗口的功能。

一、使用超信息打开新窗口在HTML中，可以使用超信息（<a>标签）来打开新窗口。

通过在<a>标签中添加target属性，可以指定信息打开的位置，包括_blank（在新窗口中打开）、_self（在当前窗口打开）、_parent（在父窗口打开）和_top（在顶层窗口打开）等选项。

例如：```html<a href="xxx" target="_blank">在新窗口中打开信息</a>```这将在用户单击信息时在新窗口中打开指定的信息。

二、使用JavaScript关闭窗口在HTML中，可以使用JavaScript来关闭当前窗口。

可以在需要执行关闭窗口的元素上绑定一个JavaScript函数，当用户与该元素交互时，将触发关闭窗口的操作。

例如：```html<button onclick="window.close()">关闭窗口</button>```这将创建一个按钮，当用户单击按钮时将会关闭当前窗口。

总结：通过HTML中的超信息和JavaScript，可以实现在网页中打开和关闭窗口的操作。

通过合理的使用，可以改善用户体验，增加网页的交互性和可用性。

HTML具有丰富的功能和灵活的应用方式，在前端开发中有着重要的地位。

掌握HTML的相关知识，可以为网页设计和开发带来便利和效率。

希望本文介绍的相关内容能够对您有所帮助。

在前文中我们介绍了如何使用HTML中的超信息和JavaScript来实现打开和关闭窗口的功能，这些功能在网页设计和开发中都有着重要的作用。

接下来我们将进一步深入探讨这些功能的使用方法以及在实际项目中的应用。

js操作html的基本方法

js操作html的基本⽅法刚学了js操作html的基本⽅法，在写代码过程中，有很多格式不规范，忘记加双引号尤其重要，通常这样的错误很容易范，并且这种错误很难找。

随着代码学习量越来越多，很多写法容易搞混。

今天记录⼀下，以便后期查看使⽤1.js事件例如最基本的，onbluer 获得焦点，onchenge 修改⽂本，onclick ⿏标点击事等等。

这类代码写到标签中，<div onclick="函数名"></div>,这⾥注意的是函数名的双引号。

2.dom的window操作window.open(url,name,spers,replace);注意此处的四个⼈属性值都加双引号⽤逗号隔开。

url：打开的链接的地址。

name：打开⽅式有四种，默认为_blank 打开新窗⼝_parent 打开到付及框架_sele 代替⾃⾝的页⾯_top 直接打开到顶级⽗级页⾯spers:多⽤于调整⾼度以下的window操作写法可以将window换成对应的对象名：window.close(); 关闭窗⼝window.moveto(x,y); 调整打开窗⼝的位置window.resize(x,y); ⾼宽单位是像素3.延迟与间隔间隔 setInterval("函数名"，间隔时间) 函数名需要添加双引号！！时间是毫秒！setInterval() ⽅法会不停地调⽤函数，直到 clearInterval() 被调⽤或窗⼝被关闭。

由setInterval() 返回的 ID 值可⽤作 clearInterval() ⽅法的参数。

clearInterval(间隔的变量名);间隔多⽤于没有⽤户操作的情况下延迟setTimeout("函数名"，间隔时间) 双引号注意!!⽅法⽤于在指定的毫秒数后调⽤函数或计算表达式。

4.操作html查找元素：根据id获取元素document.getElementById("id");根据class获取元素document.getElementsByClassName("class");根据标签名获取元素document.getElementsByTagName("div");根据name获取元素document.getElementsByName("name");注意添加引号！！5.改变html内容对象名.innerHTML;⽤于添加⽂本或者代码添加⽂本 .innertext;6.操作属性此处注意添加双引号！！1.设置⼀个属性，添加或更改获取的对象.setAttribute("属性名","属性值")2.获取属性的值获取的对象.getAttribute("属性名");3.移除⼀个属性获取的对象.removeAttribute("属性名");7.操作样式1.操作样式获取的对象.style.样式="" ;样式中间的横杠去掉且需要⼤写例如backgroundColor2.获取样式Var a = 获取的对象.style.样式8.操作表单元素对象名.value;。

Window.Open参数、返回值js弹窗

Window.Open参数、返回值一、window.open()支持环境：JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+二、基本语法：window.open(pageURL,name,parameters)其中：pageURL为子窗口路径name为子窗口句柄parameters为窗口参数(各参数用逗号分隔)三、示例：<SCRIPT>window.open('page.html','newwindow','height=100,width=400,top=0,left =0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status= no')//写成一行</SCRIPT>脚本运行后，page.html将在新窗体newwindow中打开，宽为100，高为400，距屏顶0象素，屏左0象素，无工具条，无菜单条，无滚动条，不可调整大小，无地址栏，无状态栏。

请对照。

上例中涉及的为常用的几个参数，除此以外还有很多其他参数，请见四。

四、各项参数其中yes/no也可使用1/0；pixelvalue为具体的数值，单位象素。

javascript弹出和关闭网页窗口代码大全

javascript弹出和关闭网页窗口代码大全javascript弹出和关闭网页窗口代码大全//关闭,父窗口和子窗口都不弹出对话框,直接关闭this.Response.Write("<script> ");this.Response.Write("{top.opener =null;top.close();}");this.Response.Write("</script> ");//关闭,父窗口弹出对话框,子窗口直接关闭this.Response.Write("<script language=javascript> window.close();</script> ");//弹出窗口刷新当前页面width=200 height=200菜单。

菜单栏,工具条,地址栏,状态栏全没有this.Response.Write("<script language=javascript> window.open('rows.aspx','newwindow','width=200,height=200') </script> ");//弹出窗口刷新当前页面this.Response.Write("<script language=javascript> window.open('rows.aspx')</script> ");this.Response.Write("<script>window.open('WebForm2.aspx','_blank');</script> ");//弹出提示窗口跳到webform2.aspx页(在一个IE窗口中)this.Response.Write(" <script language=javascript> alert('注册成功');window.window.location.href='WebForm2.aspx';</script> ");//关闭当前子窗口,刷新父窗口this.Response.Write("<script>window.opener.location.href=window.opener.location.href;wind ow.close();</script> ");this.Response.Write("<script>window.opener.location.replace(window.opener.document.referr er);window.close();</script> ");//子窗口刷新父窗口this.Response.Write("<script>window.opener.location.href=window.opener.location.href;</scri pt> ");this.Response.Write("<script>window.opener.location.href='WebForm1.aspx';</script> ");//弹出提示窗口.确定后弹出子窗口(WebForm2.aspx)this.Response.Write("<script language='javascript'> alert('发表成功！');window.open('WebForm2.aspx')</script> ");//弹出提示窗口,确定后,刷新父窗口this.Response.Write("<script> alert('发表成功！');window.opener.location.href=window.opener.location.href;</s cript> ");//弹出相同的一页<INPUT type="button" value="Button" onclick="javascript:window.open(window.location.href)">//Response.Write("parent.mainFrameBottom.location.href='y ourwebform.aspx?temp=" +str+"';");<SCRIPT LANGUAGE="javascript"></SCRIPT>参数解释：<SCRIPT LANGUAGE="javascript"> js脚本开始；window.open 弹出新窗口的命令；'page.html' 弹出窗口的文件名；'newwindow' 弹出窗口的名字（不是文件名），非必须，可用空''代替；height=100 窗口高度；width=400 窗口宽度；top=0 窗口距离屏幕上方的象素值；left=0 窗口距离屏幕左侧的象素值；toolbar=no 是否显示工具栏，yes为显示；menubar，scrollbars 表示菜单栏和滚动栏。

JS实现漂亮的窗口拖拽效果（可改变大小、最大化、最小化、关闭）

JS实现漂亮的窗⼝拖拽效果（可改变⼤⼩、最⼤化、最⼩化、关闭）本⽂实例讲述了JS实现漂亮的窗⼝拖拽效果。

分享给⼤家供⼤家参考。

具体如下：这是⼀款漂亮的JS窗⼝拖拽效果（改变⼤⼩/最⼩化/最⼤化/还原/关闭）特点：①窗⼝可以拖动；②窗⼝可以通过⼋个⽅向改变⼤⼩；③窗⼝可以最⼩化、最⼤化、还原、关闭；④限制窗⼝最⼩宽度/⾼度。

运⾏效果截图如下：在线演⽰地址如下：具体代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>窗⼝拖拽（改变⼤⼩/最⼩化/最⼤化/还原/关闭）</title><style type="text/css">body,div,h2{margin:0;padding:0;}body{background:url(images/bg.jpg);font:12px/1.5 \5fae\8f6f\96c5\9ed1;color:#333;}#drag{position:absolute;top:100px;left:100px;width:300px;height:160px;background:#e9e9e9;border:1px solid #444;border-radius:5px;box-shadow:0 1px 3px 2px #666;}#drag .title{position:relative;height:27px;margin:5px;}#drag .title h2{font-size:14px;height:27px;line-height:24px;border-bottom:1px solid #A1B4B0;}#drag .title div{position:absolute;height:19px;top:2px;right:0;}#drag .title a,a.open{float:left;width:21px;height:19px;display:block;margin-left:5px;background:url(images/tool.png) no-repeat;}a.open{position:absolute;top:10px;left:50%;margin-left:-10px;background-position:0 0;}a.open:hover{background-position:0 -29px;}#drag .title a.min{background-position:-29px 0;}#drag .title a.min:hover{background-position:-29px -29px;}#drag .title a.max{background-position:-60px 0;}#drag .title a.max:hover{background-position:-60px -29px;}#drag .title a.revert{background-position:-149px 0;display:none;}#drag .title a.revert:hover{background-position:-149px -29px;}#drag .title a.close{background-position:-89px 0;}#drag .title a.close:hover{background-position:-89px -29px;}#drag .content{overflow:auto;margin:0 5px;}#drag .resizeBR{position:absolute;width:14px;height:14px;right:0;bottom:0;overflow:hidden;cursor:nw-resize;background:url(images/resize.png) no-repeat;}#drag .resizeL,#drag .resizeT,#drag .resizeR,#drag .resizeB,#drag .resizeLT,#drag .resizeTR,#drag .resizeLB{position:absolute;background:#000;overflow:hidden;opacity:0;filter:alpha(opacity=0);} #drag .resizeL,#drag .resizeR{top:0;width:5px;height:100%;cursor:w-resize;}#drag .resizeR{right:0;}#drag .resizeT,#drag .resizeB{width:100%;height:5px;cursor:n-resize;}#drag .resizeT{top:0;}#drag .resizeB{bottom:0;}#drag .resizeLT,#drag .resizeTR,#drag .resizeLB{width:8px;height:8px;background:#FF0;}#drag .resizeLT{top:0;left:0;cursor:nw-resize;}#drag .resizeTR{top:0;right:0;cursor:ne-resize;}#drag .resizeLB{left:0;bottom:0;cursor:ne-resize;}</style><script type="text/javascript">/*-------------------------- +获取id, class, tagName+-------------------------- */var get = {byId: function(id) {return typeof id === "string" ? document.getElementById(id) : id},byClass: function(sClass, oParent) {var aClass = [];var reClass = new RegExp("(^| )" + sClass + "( |$)");var aElem = this.byTagName("*", oParent);for (var i = 0; i < aElem.length; i++) reClass.test(aElem[i].className) && aClass.push(aElem[i]);return aClass},byTagName: function(elem, obj) {return (obj || document).getElementsByTagName(elem)}};var dragMinWidth = 250;var dragMinHeight = 124;/*-------------------------- +拖拽函数+-------------------------- */function drag(oDrag, handle){var disX = dixY = 0;var oMin = get.byClass("min", oDrag)[0];var oMax = get.byClass("max", oDrag)[0];var oRevert = get.byClass("revert", oDrag)[0];var oClose = get.byClass("close", oDrag)[0];handle = handle || oDrag;handle.style.cursor = "move";handle.onmousedown = function (event){var event = event || window.event;disX = event.clientX - oDrag.offsetLeft;disY = event.clientY - oDrag.offsetTop;document.onmousemove = function (event){var event = event || window.event;var iL = event.clientX - disX;var iT = event.clientY - disY;var maxL = document.documentElement.clientWidth - oDrag.offsetWidth;var maxT = document.documentElement.clientHeight - oDrag.offsetHeight;iL <= 0 && (iL = 0);iT <= 0 && (iT = 0);iL >= maxL && (iL = maxL);iT >= maxT && (iT = maxT);oDrag.style.left = iL + "px";oDrag.style.top = iT + "px";return false};document.onmouseup = function (){document.onmousemove = null;document.onmouseup = null;this.releaseCapture && this.releaseCapture()};this.setCapture && this.setCapture();return false};//最⼤化按钮oMax.onclick = function (){oDrag.style.top = oDrag.style.left = 0;oDrag.style.width = document.documentElement.clientWidth - 2 + "px";oDrag.style.height = document.documentElement.clientHeight - 2 + "px";this.style.display = "none";oRevert.style.display = "block";};//还原按钮oRevert.onclick = function (){oDrag.style.width = dragMinWidth + "px";oDrag.style.height = dragMinHeight + "px";oDrag.style.left = (document.documentElement.clientWidth - oDrag.offsetWidth) / 2 + "px";oDrag.style.top = (document.documentElement.clientHeight - oDrag.offsetHeight) / 2 + "px";this.style.display = "none";oMax.style.display = "block";};//最⼩化按钮oMin.onclick = oClose.onclick = function (){oDrag.style.display = "none";var oA = document.createElement("a");oA.className = "open";oA.href = "javascript:;";oA.title = "还原";document.body.appendChild(oA);oA.onclick = function (){oDrag.style.display = "block";document.body.removeChild(this);this.onclick = null;};};//阻⽌冒泡oMin.onmousedown = oMax.onmousedown = oClose.onmousedown = function (event){this.onfocus = function () {this.blur()};(event || window.event).cancelBubble = true};}/*-------------------------- +改变⼤⼩函数+-------------------------- */function resize(oParent, handle, isLeft, isTop, lockX, lockY){handle.onmousedown = function (event){var event = event || window.event;var disX = event.clientX - handle.offsetLeft;var disY = event.clientY - handle.offsetTop;var iParentTop = oParent.offsetTop;var iParentLeft = oParent.offsetLeft;var iParentWidth = oParent.offsetWidth;var iParentHeight = oParent.offsetHeight;document.onmousemove = function (event){var event = event || window.event;var iL = event.clientX - disX;var iT = event.clientY - disY;var maxW = document.documentElement.clientWidth - oParent.offsetLeft - 2;var maxH = document.documentElement.clientHeight - oParent.offsetTop - 2; var iW = isLeft ? iParentWidth - iL : handle.offsetWidth + iL; var iH = isTop ? iParentHeight - iT : handle.offsetHeight + iT;isLeft && (oParent.style.left = iParentLeft + iL + "px");isTop && (oParent.style.top = iParentTop + iT + "px");iW < dragMinWidth && (iW = dragMinWidth);iW > maxW && (iW = maxW);lockX || (oParent.style.width = iW + "px");iH < dragMinHeight && (iH = dragMinHeight);iH > maxH && (iH = maxH);lockY || (oParent.style.height = iH + "px");if((isLeft && iW == dragMinWidth) || (isTop && iH == dragMinHeight)) document.onmousemove = null; return false;};document.onmouseup = function (){document.onmousemove = null;document.onmouseup = null;};return false;}};window.onload = window.onresize = function (){var oDrag = document.getElementById("drag");var oTitle = get.byClass("title", oDrag)[0];var oL = get.byClass("resizeL", oDrag)[0];var oT = get.byClass("resizeT", oDrag)[0];var oR = get.byClass("resizeR", oDrag)[0];var oB = get.byClass("resizeB", oDrag)[0];var oLT = get.byClass("resizeLT", oDrag)[0];var oTR = get.byClass("resizeTR", oDrag)[0];var oBR = get.byClass("resizeBR", oDrag)[0];var oLB = get.byClass("resizeLB", oDrag)[0];drag(oDrag, oTitle);//四⾓resize(oDrag, oLT, true, true, false, false);resize(oDrag, oTR, false, true, false, false);resize(oDrag, oBR, false, false, false, false);resize(oDrag, oLB, true, false, false, false);//四边resize(oDrag, oL, true, false, false, true);resize(oDrag, oT, false, true, true, false);resize(oDrag, oR, false, false, false, true);resize(oDrag, oB, false, false, true, false);oDrag.style.left = (document.documentElement.clientWidth - oDrag.offsetWidth) / 2 + "px";oDrag.style.top = (document.documentElement.clientHeight - oDrag.offsetHeight) / 2 + "px";}</script></head><body><div id="drag"><div class="title"><h2>这是⼀个可以拖动的窗⼝</h2><div><a class="min" href="javascript:;" title="最⼩化"></a><a class="max" href="javascript:;" title="最⼤化"></a><a class="revert" href="javascript:;" title="还原"></a><a class="close" href="javascript:;" title="关闭"></a></div></div><div class="resizeL"></div><div class="resizeT"></div><div class="resizeR"></div><div class="resizeB"></div><div class="resizeLT"></div><div class="resizeTR"></div><div class="resizeBR"></div><div class="resizeLB"></div><div class="content">①窗⼝可以拖动；<br />②窗⼝可以通过⼋个⽅向改变⼤⼩；<br />③窗⼝可以最⼩化、最⼤化、还原、关闭；<br />④限制窗⼝最⼩宽度/⾼度。

用JS制作9种弹出小窗口(HTML)

进入许多网站时，有弹出式小窗口，它们五花八门，使我们捉摸不透下面就来介绍用JS制作9种制作弹出小窗口：1、最基本的弹出窗口代码其实代码非常简单：< SCRIPT LANGUAGE="javascript">< !--window.open ("page.html")-->< /SCRIPT>因为这是一段Javascript代码，所以它们应该放在< SCRIPT LANGUAGE="javascript">之间。

< !-- 和-->是对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代码作为文本显示出来。

要养成这个好习惯啊。

window.open ("page.html") 用于控制弹出新的窗口page.html，如果page.html不与主窗口在同一路径下，前面应写明路径，绝对路径(http://)和相对路径(../)均可。

用单引号和双引号都可以，只是不要混用。

这一段代码可以加入HTML的任意位置，< head>和< /head>之间可以，< body>间< /body>也可以，越前越早执行，尤其是页面代码长，又想使页面早点弹出就尽量往前放。

也可以，越前越早执行，尤其是页面代码长，又想使页面早点弹出就尽量往前放。

2、经过设置后的弹出窗口下面再说一说弹出窗口的设置。

只要再往上面的代码中加一点东西就可以了。

我们来定制这个弹出的窗口的外观，尺寸大小，弹出的位置以适应该页面的具体情况。

< SCRIPT LANGUAGE="javascript">< !--window.open ("page.html", "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"> js脚本开始；window.open 弹出新窗口的命令；"page.html" 弹出窗口的文件名；"newwindow" 弹出窗口的名字（不是文件名），非必须，可用空"代替；height=100 窗口高度；width=400 窗口宽度；top=0 窗口距离屏幕上方的象素值；left=0 窗口距离屏幕左侧的象素值；toolbar=no 是否显示工具栏，yes为显示；menubar，scrollbars 表示菜单栏和滚动栏。

前端关闭当前页面的几种方法

前端关闭当前页面的几种方法在前端开发中，有时我们需要在某些情况下关闭当前页面。

比如用户完成了某个操作后，我们希望页面能够自动关闭，或者是在某个按钮点击事件中关闭页面。

本文将介绍几种常用的前端关闭当前页面的方法。

1. 使用window.close()window.close()是JavaScript中的一个内置方法，可以用于关闭当前窗口。

它可以在任何JavaScript代码中使用，不仅限于前端开发中。

window.close();然而，这个方法有一些限制。

它只能关闭通过window.open()方法打开的窗口，或者是通过<a>标签的target="_blank"属性打开的窗口。

如果当前窗口是通过直接在浏览器地址栏中输入网址打开的，那么使用window.close()将无效。

2. 使用window.opener在某些情况下，我们可能需要在当前页面关闭后，将控制权交给打开它的页面。

这时可以使用window.opener属性来实现。

window.opener = null;window.close();通过将window.opener设置为null，我们可以断开当前页面与打开它的页面之间的联系。

然后使用window.close()关闭当前页面。

需要注意的是，这种方法只能在当前页面是通过window.open()或<a>标签的target="_blank"属性打开的情况下使用。

3. 使用location.replace()location.replace()方法可以用于在当前窗口中加载一个新的URL，并且替换掉当前的历史记录。

这个方法也可以用于关闭当前页面。

location.replace('about:blank');通过将新的URL设置为about:blank，我们可以加载一个空白页面来替换当前页面。

这样就相当于关闭了当前页面。

js无提示关闭浏览器窗口的两种方法分析

js⽆提⽰关闭浏览器窗⼝的两种⽅法分析
1，使⽤js：
⽤多种⽅式打开⼀个页⾯，然后⽤ window.close() 关闭它，在各浏览器下表现有所不同。

如在地址栏中直接输⼊URL
时，Firefox Chrome Safari 下调⽤ window.close() 关闭页⾯⽆效。

再如 Ctrl + 点击链接打开的窗⼝，Firefox 下⽆法通过调⽤window.close() 来关闭。

firefox下⽆法关闭可能原因：
不是JS代码window.close()的问题，⽽是Firefox的配置问题，解决⽅法如下：
在Firefox地址栏⾥输⼊ about:config
在配置列表中找到 dom.allow_scripts_to_close_windows
点右键的选切换把上⾯的false修改为true即可。

注：默认是false，是为了防⽌脚本乱关窗⼝
常⽤关闭浏览器js代码：
window.opener = null;//为了不出现提⽰框
window.close();//关闭窗⼝
2，bat⽂件：
explorer.exe open=https://
Ping -n 80 127.0.0.1>nul
Taskkill /f /im "iexplore.exe"
使⽤windows的计划任务，执⾏上⾯bat⽂件，定时访问某个页⾯，并在80秒后关闭ie。

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

用javascript控制打开网页窗口大小和HTML如何关闭窗口如何将XP系统的启动画面修改成自己想要的图片方法网页制作——HTML 语言教程：目录用javascript控制打开网页窗口大小和HTML如何关闭窗口2010-05-26 18:30:00| 分类：网络技术|字号订阅用javascript实现控制打开网页窗口的大小和HTML如何关闭窗口的技巧大全打开窗口即最大化<script language="JavaScript"></script>---------------------------------------------------------------- window.open方法<a href="#"onclick="javascript:window.open('文件路径/文件名','newwindow','toolbar=no,scrollbars=yes,resizable=no,top=0,left=0, width=400,height=300');">文字或图片</a>top=0,left=0,是打开网页的坐标定位width=400,height=300' 是打开的网页的大小我的窗口，我控制.....【1、普通的弹出窗口】其实代码非常简单：<SCRIPT LANGUAGE=javascript></SCRIPT>因为这是一段javascripts代码，所以它们应该放在<SCRIPTLANGUAGE=javascript>标签和</script>之间。

是对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代码作为文本显示出来。

要养成这个好习惯啊。

window.open ('page.html') 用于控制弹出新的窗口page.html，如果page.html不与主窗口在同一路径下，前面应写明路径，绝对路径(http://)和相对路径(../)均可。

用单引号和双引号都可以，只是不要混用。

这一段代码可以加入HTML的任意位置，<head>和</head>之间可以，<body>间</body>也可以，越前越早执行，尤其是页面代码长，又想使页面早点弹出就尽量往前放。

【2、经过设置后的弹出窗口】下面再说一说弹出窗口的设置。

只要再往上面的代码中加一点东西就可以了。

我们来定制这个弹出的窗口的外观，尺寸大小，弹出的位置以适应该页面的具体情况。

<SCRIPT LANGUAGE=javascript></SCRIPT>参数解释：<SCRIPT LANGUAGE=javascript> js脚本开始；window.open 弹出新窗口的命令；'page.html' 弹出窗口的文件名；'newwindow' 弹出窗口的名字（不是文件名），非必须，可用空''代替；height=100 窗口高度；width=400 窗口宽度；top=0 窗口距离屏幕上方的象素值；left=0 窗口距离屏幕左侧的象素值；toolbar=no 是否显示工具栏，yes为显示；menubar，scrollbars 表示菜单栏和滚动栏。

resizable=no 是否允许改变窗口大小，yes为允许；location=no 是否显示地址栏，yes为允许；status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；</SCRIPT> js脚本结束【3、用函数控制弹出窗口】下面是一个完整的代码。

<html><head><script LANGUAGE=javascript></script></head><body onload=openwin()>..任意的页面内容...</body></html>这里定义了一个函数openwin(),函数内容就是打开一个窗口。

在调用它之前没有任何用途。

怎么调用呢？方法一：<body onload=openwin()> 浏览器读页面时弹出窗口；方法二：<body onunload=openwin()> 浏览器离开页面时弹出窗口；方法三：用一个连接调用：<a href=注意：使用的“方法四：用一个按钮调用：<input type=button onclick=openwin() value=打开窗口>【4、同时弹出2个窗口】对源代码稍微改动一下：<script LANGUAGE=javascript></script>为避免弹出的2个窗口覆盖，用top和left控制一下弹出的位置不要相互覆盖即可。

最后用上面说过的四种方法调用即可。

注意：2个窗口的name(newwindows和newwindow2)不要相同，或者干脆全部为空。

【5、主窗口打开文件1.htm，同时弹出小窗口page.html】如下代码加入主窗口<head>区：<script language=javascript></script>加入<body>区：<a href=1.htm onclick=openwin()>open</a>即可。

【6、弹出的窗口之定时关闭控制】下面我们再对弹出的窗口进行一些控制，效果就更好了。

如果我们再将一小段代码加入弹出的页面(注意是加入到page.html的HTML中，可不是主页面中，否则...)，让它10秒后自动关闭是不是更酷了？首先，将如下代码加入page.html文件的<head>区：<script language=javascript>function closeit() {setTimeout(self.close(),10000) //毫秒}</script>然后，再用<body onload=closeit()> 这一句话代替page.html中原有的<BODY>这一句就可以了。

(这一句话千万不要忘记写啊！这一句的作用是调用关闭窗口的代码，10秒钟后就自行关闭该窗口。

)【7、在弹出窗口中加上一个关闭按钮】<FORM><INPUT TYPE='BUTTON' value='关闭'onClick='window.close()'></FORM>呵呵，现在更加完美了！【8、内包含的弹出窗口-一个页面两个窗口】上面的例子都包含两个窗口，一个是主窗口，另一个是弹出的小窗口。

通过下面的例子，你可以在一个页面内完成上面的效果。

<html><head><SCRIPT LANGUAGE=javascript>function openwin(){OpenWindow=window.open(, newwin, height=250,width=250,toolbar=no,scrollbars=+scroll+,menubar=no); //写成一行OpenWindow.document.write(<TITLE>例子</TITLE>)OpenWindow.document.write(<BODYBGCOLOR=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><a href=<input type=button onclick=openwin() value=打开窗口></body></html>看看OpenWindow.document.write()里面的代码不就是标准的HTML吗？只要按照格式写更多的行即可。