WEB开发网
开发学院网页设计JavaScript 页面弹出各种窗口详解 阅读

页面弹出各种窗口详解

 2010-09-14 13:07:45 来源:WEB开发网   
核心提示: 四、 打开一个连标题栏都没有的窗口(无标题、最小、最大、以及关闭按钮)<HTML><HEAD><META http-equiv=Content-Type content="text/html; charset=gb2312"><

四、 打开一个连标题栏都没有的窗口(无标题、最小、最大、以及关闭按钮)

<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<script language="javascript">
function unload()
{
var popUpSizeX=200; //窗口的宽度
var popUpSizeY=166; //窗口的高度
var popUpLocationX=2;//距离左边的距离 相当于 left
var popUpLocationY=2;//距离顶端的距离 相当于 top
// URL of the popUp
var popUpURL="http://www.33d9.com/default.asp";; //打开页面的路径
// ** 下面的就不要随便改了 ***
splashWin = window.open("",'x','fullscreen=1, ,scrollbars=auto,resizable=1');
splashWin.blur(); // Hide while updating
window.focus();
splashWin.resizeTo(popUpSizeX,popUpSizeY);
splashWin.moveTo(popUpLocationX,popUpLocationY);
splashWin.location=popUpURL;
}
// END
unload();
</script>
</HEAD>
<BODY></BODY></HTML>

看看,什么效果? 如果把resizable 设为0 scrollbars = no 呢?

五、 没有最大化按纽的窗口

其实也就是象软件的“关于我们”的那个窗口一样,下面就是用对话框窗口来实现它。

showModalDialog()以及showModelessDialog()

1.用showModalDialog()

<html>
<SCRIPT LANGUAGE="javascript">
<!--
showModalDialog('http://www.okajax.com','example04','dialogWidth:400px;dialogHeight:300px;dialogLeft:200px;dialogTop:150px;center:yes;help:yes;resizable:yes;status:yes')
//-->
</SCRIPT>
<b>http://www.okajax.com/</b>
</body>
</html>

上一页  1 2 3 4 5 6 7  下一页

Tags:页面 各种 窗口

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接