window.open打开新页面居中

var iHeight = 500;//新打开页面的高

var iWidth = 800;//新打开页面的宽
var iTop = (window.screen.height-30-iHeight)/2; //获得窗口的垂直位置;
var iLeft = (window.screen.width-10-iWidth)/2; //获得窗口的水平位置;
var url = FRAMEWORK_BASE_PATH + "/myopinion/toOpinionList";
window.open(url,"",'height='+iHeight+',width='+iWidth+',top=' + iTop + ',left=' + iLeft
+ ',menubar=no, scrollbars=yes, resizable=no, location=no, status=no');

打开方式和参数说明

1, 最基本的弹出窗口代码
   window.open('page.html');

2, 经过设置后的弹出窗口
   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')   //该句写成一行代码
   参数解释：
      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为允许；

3, 用函数控制弹出窗口
    下面是一段完整的代码
      <html>
　　<head>
　　<script LANGUAGE="JavaScript">
　　
　　</script>
　　</head>
　　<body onload="openwin()">
　　任意的页面内容...
　　</body>
　　</html>
   解释：这里定义了一个函数openwin(), 函数内容就是打开一个窗口。在调用它之前没有任何用途。怎么调用呢？

   方法一：<body onload="openwin()"> 浏览器读页面时弹出窗口；
   方法二：<body onunload="openwin()"> 浏览器离开页面时弹出窗口；
   方法三：用一个连接调用：
              <a href="#" onclick="openwin()"> 打开一个窗口</a>
              注意：使用的"#"是虚连接。
   方法四：用一个按扭调用：
               <input type="button" onclick="openwin()" value="打开窗口" />

4, 弹出两个窗口
    对代码稍微改动如下：
   　<script LANGUAGE="JavaScript">
　　
　　</script>
      为避免弹出的2个窗口覆盖，用top和left控制一下弹出的位置不要相互覆盖即可。最后用上面的说过的四种方法调用即可。
      注意：2个窗口的name(newwindow与 newwindow2)不要相同，或者干脆全部为空。

5, 主窗口打开文件1.htm，同时弹出小窗口page.html
    如下代码加入主窗口<head>区：
    function openwin()
    {
     window.open("page.html","","width=200,height=200")
    }
    加入body区：
    <a href="1.htm" onclick="openwin()">open</a>即可。

6, 弹出的窗口之定时关闭控制
    将一小段代码加入弹出的页面（注意是加入page.html的HTML中，可不是主页面中，否则......），让它在10秒后自动关闭是不是更酷了？
    function closeit()
    {
    setTimeout("selft.close()", 10000)   //毫秒
    }
    然后，在body 中添加：<body onload="closeit()">即可。

7, 在弹出窗口中加上一个关闭按扭
    <input type="button" value="关闭" onclick="window.close()">

8, 内包含的弹出窗口---一个页面两个窗口
    上面的例子都包含两个窗口，一个

4, 弹出两个窗口
对代码稍微改动如下：
　<script LANGUAGE="JavaScript">
　　
　　</script>
为避免弹出的2个窗口覆盖，用top和left控制一下弹出的位置不要相互覆盖即可。最后用上面的说过的四种方法调用即可。
注意：2个窗口的name(newwindow与 newwindow2)不要相同，或者干脆全部为空。

5, 主窗口打开文件1.htm，同时弹出小窗口page.html
如下代码加入主窗口<head>区：
function openwin()
{
window.open("page.html","","width=200,height=200")
}
加入body区：
<a href="1.htm" onclick="openwin()">open</a>即可。

6, 弹出的窗口之定时关闭控制
将一小段代码加入弹出的页面（注意是加入page.html的HTML中，可不是主页面中，否则......），让它在10秒后自动关闭是不是更酷了？
function closeit()
{
setTimeout("selft.close()", 10000) //毫秒
}
然后，在body 中添加：<body onload="closeit()">即可。

7, 在弹出窗口中加上一个关闭按扭
<input type="button" value="关闭" onclick="window.close()">

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("<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>
　　<a href="#" onclick="openwin()">打开一个窗口</a>
　　<input type="button" onclick="openwin()" value="打开窗口">
　　</body>
　　</html>
OpenWindow.document.write()里面的代码不就是标准的HTML吗？只要按照格式写更多的行即可。千万注意多一个标签或少一个标签就会出现错误。记得用 OpenWindow.document.close()结束啊。

9, 终极应用---弹出的窗口这Cookie控制
回想一下，上面的弹出窗口虽然酷，但是有一点小毛病，比如你将上面的脚本放在一个需要频繁经过的页面里（例如首页），那么每次刷新这个页面，窗口都会弹出一次，是不是非常烦人？
有解决的办法吗？我们使用cookie来控制即可。
首先，将如下代码加入主页面的Html的head区：
　 function openwin(){
　　window.open("page.html","","width=200,height=200")
　　}
function get_cookie(Name)
{
var search=Name+"=";
var returnvalue="";
if(document.cookie.length>0){
　　 if (offset != -1) {
　　 offset += search.length
　　 end = document.cookie.indexOf(";", offset);
　　 if (end == -1)
　　 end = document.cookie.length;
　　 returnvalue=unescape(document.cookie.substring(offset, end));
}
}
return returnvalue;
}
function ladpopup()
{
if(get_cookie('popped=yes'))
{
openwin()
document.cookie="popped=yes";
}
}
最后，用<body onload="loadpopup()">

写到这里弹出窗口的制作和应用技巧基本上算是完成了！

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

　　<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("<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>
　　<a href="#" onclick="openwin()">打开一个窗口</a>
　　<input type="button" onclick="openwin()" value="打开窗口">
　　</body>
　　</html>
      OpenWindow.document.write()里面的代码不就是标准的HTML吗？只要按照格式写更多的行即可。千万注意多一个标签或少一个标签就会出现错误。记得用 OpenWindow.document.close()结束啊。

9, 终极应用---弹出的窗口这Cookie控制
    回想一下，上面的弹出窗口虽然酷，但是有一点小毛病，比如你将上面的脚本放在一个需要频繁经过的页面里（例如首页），那么每次刷新这个页面，窗口都会弹出一次，是不是非常烦人？
    有解决的办法吗？我们使用cookie来控制即可。
    首先，将如下代码加入主页面的Html的head区：
　 function openwin(){
　　window.open("page.html","","width=200,height=200")
　　}
      function get_cookie(Name)
      {
       var search=Name+"=";
       var returnvalue="";
       if(document.cookie.length>0){
　　    if (offset != -1) {
　　    offset += search.length
　　    end = document.cookie.indexOf(";", offset);
　　    if (end == -1)
　　    end = document.cookie.length;
　　    returnvalue=unescape(document.cookie.substring(offset, end));
      }
      }
      return returnvalue;
      }
      function ladpopup()
      {
      if(get_cookie('popped=yes'))
      {
      openwin()
      document.cookie="popped=yes";
      }
      }
     最后，用<body onload="loadpopup()">

写到这里弹出窗口的制作和应用技巧基本上算是完成了！

window.open打开新页面居中的更多相关文章

ajax请求响应中用window.open打开新窗口会被浏览器拦截的解决方式
一.问题描述 ajax 异步请求成功后需要新开窗口打开 url,使用的是 window.open() 方法,但是会被浏览器给拦截了,需要用户点下. 二.问题分析浏览器之所以拦截新开窗口是因为该操作并 ...
几个主流浏览器 Window.open打开新窗口、模拟a标签打开新窗口的表现
Window.open打开新窗口 1.常用浏览器打开新窗口(正常打开window.open)的的不同表现形式(PC/移动端) 2.Window.open在异步处理中打开(_blank) a标签在异步处 ...
window.open()打开新窗口教程
使用 window 对象的 open() 方法可以打开一个新窗口.用法如下: window.open (URL, name, features, replace) 参数列表如下: URL:可选字符串, ...
window.open打开新窗口被浏览器拦截的处理方法
一般我们在打开页面的时候, 最常用的就是用<a>标签,如果是新窗口打开就价格target="_blank"属性就可以了, 如果只是刷新当前页面就用window.loca ...
window.open打开新窗口参数
1,基本描述 oNewWindow = window.open( sURL , sName , sFeatures, bReplace) window.open在打开一个窗口(其url为sURL)后, ...
window.open()打开新窗口被拦截
window.open( url )是常用的打开新页面的方法,一般都没有问题,但是如果在ajax回调方法里面使用就会被浏览器拦截,因为在浏览器安全机制中,页面弹窗必须是由用户触发的才是安全弹窗,比如说 ...
使用window.open打开新窗口被浏览器拦截的解决方案
问题描述: 代码中直接使用window.open('//www.baidu.com', '_blank');会被浏览器窗口拦截原因浏览器为了维护用户安全和体验,在JS中直接使用window.open ...
js 模拟window.open 打开新窗口
为什么要去模拟window.open() 打开一个新的窗口呢,因为有些浏览器默认会拦截 window.open, 当需要函数中打开新窗口时,接可以使用a标签去模拟打开. /** * a模拟windo ...
window.open 打开新窗口被拦截的解决方案
最近公司开发的一个项目,平凡用到下载各种类型的文件,但是例如.txt,.jpg,.pdf格式的文件呢浏览器会在当前窗口直接打开,影响用户体验,尝试各种方案和百度总结一下几点: 原理: 当window. ...

随机推荐

twemproxy接收流程探索——twemproxy代码分析正编
在这篇文章开始前,大家要做好一个小小的心理准备,由于twemproxy代码是一份优秀的c语言,为此,在twemproxy的代码中会大篇幅使用c指针.但是不论是普通类型的指针还是函数指针,都可以让我们这 ...
C++11多线程std::thread的简单使用
在cocos2dx 2.0时代,我们使用的是pthread库,是一套用户级线程库,被广泛地使用在跨平台应用上.但在cocos2dx 3.0中并未发现有pthread的支持文件,原来c++11中已经拥有 ...
二度云抢先成为首批中国工信部（.vip/.xyz/.club）域名注册管理机构
今天,工信部官网的公示文件显示,新通用顶级域名.vip..xyz以及.club域名注册局已正式获得工信部审批,成为中国境内合法的顶级域名注册管理机构,这标志着.vip..xyz以及.club域名成为首 ...
.net在网页中生成二维码和条形码
二维码: 1.下载ThoughtWorks.QRCode.dll文件 2.创建Web项目,添加引用刚才下载的文件 3.在项目中添加aspx窗体,编写代码如下 <%@ Page Language= ...
AngularJS2之Angular正式初探
前言:angular的官方教程真的不错.强烈推荐!!!] 按照环境搭建教程新建一个项目: 项目的结构如下: 其中package.json指示node需要安装的插件(npm install指令会安装的插 ...
My Eclipse Security Alert
SECURITY ALERT: INTEGRITY CHECK ERROR This product did not pass the MyEclipse integrity check. This ...
cookie解决未登录加入购物车第一次访问弹出新手引导页面
浏览器携带cookie到服务器, 点击加入购物车-->后台检查-->是否登录(有没有sessionid) 没有登录--->secookie()返回给浏览器,把传递过来的商品id, 属 ...
基于Unity的Profiler性能分析
A. WaitForTargetFPS: Vsync(垂直同步)功能所,即显示当前帧的CPU等待时间 B. Overhead: Profiler总体时间-所有单项的记录时 ...
记JavaScript的入门学习（三）
2016.12.6晚上十点半完成JavaScript的第二章学习,看了点第三章的开头总述,都说原生js每一个知识点都可以分分钟钟让你放弃,而我在努力探索着.月末的时候就回家放假了,希望在家也可以有个小 ...
[读书笔记]python3.5实现socket通讯(UDP)
UDP连接: 无连接,从一个端向另一端发送独立的数据分组使用UDP连接的客户-服务器程序: UDPServer.py import socket serverPort = 50009 serverS ...

window.open打开新页面居中

window.open打开新页面居中的更多相关文章

随机推荐

热门专题