JavaScript主页弹出窗口的三个例子_js弹窗对话框

当前位置：首页 > 脚本编程 > javascript实例 > js弹窗对话框 > 正文

JavaScript主页弹出窗口的三个例子: 发布时间：2020-12-30编辑：脚本学堂

本文介绍了用Javascript实现弹出窗口的三个例子，分为普通弹出窗口，降落效果的窗口，自定义打开参数的窗口。有需要的朋友，可以参考下。

一、单击打开一个弹出窗口，链接到脚本学堂。再单击一下即可关闭刚才打开的窗口。
代码如下：

复制代码代码示例:

<SCRIPT language="javascript">
<！--
function openclk() {
another=open('http://www.jbuxe.com'，'NewWindow');
}

function closeclk() {
another.close();
}
//-->
</SCRIPT>
<FORM>
<INPUT TYPE="BUTTON" NAME="open" value="打开一个窗口" onClick="openclk()">
<BR>
<INPUT TYPE="BUTTON" NAME="close" value="关闭这个窗口" onClick="closeclk()">
</FORM>

二、降落效果的窗口代码
代码如下：

复制代码代码示例:

for(j = 8; j > 0; j--){
self.moveBy(0，j);
self.moveBy(j，0);
self.moveBy(0，-j);
self.moveBy(-j，0);
}
}
}
</script>
<body onLoad="drop(300)">

三、自定义打开窗口的代码
代码如下:

复制代码代码示例:

<SCRIPT LANGUAGE="JavaScript">

<-- Begin

function popupPage(l， t， w， h) {

var windowprops = "location=no，scrollbars=no，menubars=no，toolbars=no，resizable=yes" +"，left=" + l + "，top=" + t + "，width=" + w + "，height=" + h;

var URL = "http://www.jb200.com";

popup = window.open(URL，"MenuPopup"，windowprops);

}

// End -->

</script>

<table>

<tr>

<td>

<form name=popupform>

<pre>

打开页面的参数<br>

离开左边的距离: <input type=text name=left size=2 maxlength=4> pixels

离开右边的距离: <input type=text name=top size=2 maxlength=4> pixels

窗口的宽度: <input type=text name=width size=2 maxlength=4> pixels

窗口的高度: <input type=text name=height size=2 maxlength=4> pixels

</pre>

<center>

<input type=button value="打开这个窗口！" onClick="popupPage(this.form.left.value， this.form.top.value， this.form.width.value， this.form.height.value)">

</center>

</form>

</td>

</tr>

</table>

具体效果，大家自行测试下，输入相关的参数值，看会如何打开新窗口吧。

上一篇：javascript父子窗口传递参数的实例代码
下一篇：Js获取select下拉列表框中选项的值与文本

与 JavaScript主页弹出窗口的三个例子有关的文章

本文标题：JavaScript主页弹出窗口的三个例子
本页链接：http://www.jb200.com/article/8188.html

浏览排行

栏目分类

热点文章

JavaScript主页弹出窗口的三个例子