打开窗口通用函数及参数详解

本文提供了JavaScript中创建弹出窗口的多种方法,并详细解释了window.open函数的各种参数及其使用方式,帮助开发者灵活调整弹出窗口的尺寸、位置及功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

JS弹出窗口通用函数及参数详解

2008年5月23日 11:07:15 发布:Nuoya

函数如下,放置<head></head>之间

<script LANGUAGE="javascript">

<!--

function openwin(url) {

window.open (url, "统计", "height=500, width=600, toolbar=no, menubar=no, scrollbars=no, resizable=yes, 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 表示菜单栏和滚动栏。

resizable=no 是否允许改变窗口大小,yes为允许;

location=no 是否显示地址栏,yes为允许;

status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;

</SCRIPT> js脚本结束

 

 

 document.body.onresize(){  
          window.resizeTo(800,600);  
          window.moveTo((screen.width-800)/2,(screen.height-620)/2);  
  }

 

 

 

<SCRIPT   language="JavaScript">  
  <!--  
  function   js_callpageV(htmlurl,target)   {  
  if   (target==   null)  
  {   target="_blank"  
  }  
  var   popup=window.open(htmlurl,target,"toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=50,height=50");  
  popup.resizeTo(420,360);   //显示窗口大小  
  popup.moveTo(100,100);//显示位置  
   
  popup.focus();  
  if   (popup   !=   null)   {  
  if   (popup.opener   ==   null)   {  
  popup.opener   =   self;    
  }  
  }  
  return   false;  
  }  
  //-->  
  </script>

 

 

 

var   NewWin   =   null;  
  function   WinOpen(url)  
  {                
                  if   (!NewWin   ||   NewWin.closed)  
                  {  
                                  NewWin   =   LoadWin(url,   'win_poll',   600,   300);  
                  }else  
                  {  
                                  NewWin.focus();  
                  }  
  }  
  function   LoadWin(url,   name,   width,   height)    
  {    
  var   str   =   "scrollbars,resizable,height="   +   height   +   ",innerHeight="   +   height   +   ",width="   +   width   +   ",innerWidth="   +   width;    
  if   (window.screen)    
  {    
  var   ah   =   screen.availHeight   -   30;    
  var   aw   =   screen.availWidth   -   10;    
  var   xc   =   (aw   -   width)   /   2;    
  var   yc   =   (ah   -   height)   /   2;    
  str   +=   ",left="   +   xc   +   ",screenX="   +   xc;    
  str   +=   ",top="   +   yc   +   ",screenY="   +   yc;    
  }  
  return   window.open(url,   name,   str);    
  }  

 

 

 

<SCRIPT   language=javascript>  
  function   add(htmlstr){  
  opnwin=window.open(htmlstr,"","width=400,height=220,toolbar=no,   menubar=no,   scrollbars=yes,   resizable=no,location=no,   status=no");  
  opnwin.focus();  
  return   false;  
  }  
  </SCRIPT>  
  上面的函数改变宽和高就可以了。

 

 

document.body.onresize(){  
          window.resizeTo(800,600);  
          window.moveTo((screen.width-800)/2,(screen.height-620)/2);  
  }

 

 

 

 

 

 

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值