【转】javascript弹出固定大小的窗口页面

来源：http://weicfprince.blog.163.com/blog/static/8441066920081010113231969/

现在我们想弹出一个WEB窗体,让其处于屏幕的中间位置,并设置其固定大小,固定外观显示.
我们可以在一个JS文件中写这样一个函数:

//弹出固定大小固定位置固定外观的新窗口

function OpenWindow(url,w,h)

{

    var left=Math.round((window.screen.availWidth-w)/2);

    var top=Math.round((window.screen.availHeight-100-h)/2);

    var MyWin=window.open(url, "", "height="+h+", width="+w+",top="+top+",left="+left+", toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no");

}

url:为你要弹出的窗体文件,可以是HTML,ASPX等,设置为你工程下要显示页面的路径.

w:你要显示窗体的宽度.

h:你要显示窗体的高度.

toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no:窗体显示的状态.

然后就可以调用了.调用的时候可以给该函数传递你想要的参数设置.

测试例子：page1里面显示一个html按钮，单击按钮打开page2.

<!-- page1.html -->
<html>

    <head>

        <title>pege1</title>

        <script "text/javescript">

            function OpenWindow(url,w,h)

            {

                var left=Math.round((window.screen.availWidth-w)/2);

                var top=Math.round((window.screen.availHeight-100-h)/2);

                var MyWin=window.open(url, "", "height="+h+", width="+w+",top="+top+",left="+left+", toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no");

            }

        </script>

    </head>

    <body>

    测试页面。点击下面按钮试试看吧。<br/>

    <input type="button"  value="测试" onclick=OpenWindow("page2.html",400,500) />

    </body>

</html>

<!-- page2.html -->
<html>

<head>

    <title>page2</title>

</head>

<body>

    测试页面page2

</body>

</html>

【转】javascript弹出固定大小的窗口页面的更多相关文章

点击一个超链接,弹出固定大小的新窗口（js实现）
1.最基本的弹出窗口代码 <SCRIPT LANGUAGE="javascript">  ...
点击弹出固定大小的新窗口（js实现）
<SCRIPT LANGUAGE="javascript">  </SCRIPT& ...
PHP JS HTML ASP页面跳转代码延时跳转代码返回到上一界面并刷新 JS弹出指定大小的新窗口
1.PHP延时跳转代码 //跳转到浏览界面 header("Refresh:1;url=machine_list.php"); //不延时 <?php header(&quo ...
JavaScript弹出窗口方法
本文实例汇总了常用的JavaScript弹出窗口方法,供大家对比参考,希望能对大家有所帮助.详细方法如下: 1.无提示刷新网页: 大家有没有发现,有些网页,刷新的时候,会弹出一个提示窗口,点“确定”才 ...
点击文字弹出一个DIV层窗口代码
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <hea ...
jquery3和layui冲突导，致使用layui.layer.full弹出全屏iframe窗口时高度152px问题
项目中使用的jquery版本是jquery-3.2.1,在使用layui弹出全屏iframe窗口时,iframe窗口顶部总是出现一个152px高的滚动窗口无法实现真正全屏,代码如下: <!DOC ...
练习：javascript弹出框及地址选择功能,可拖拽
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
[转]C# 安装时弹出设置服务登录窗口
本文转自:http://blog.csdn.net/prince_jun/article/details/38435887 安装服务时系统不要弹出设置服务登录窗口:在程序中将serviceProces ...
C# Winform在win10里弹出无焦点的窗口
原文:C# Winform在win10里弹出无焦点的窗口版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/wangmy1988/article/det ...

随机推荐

ERP反馈信息管理（十九）
前台显示的界面: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Custo ...
使用SSMS 2014将本地数据库迁移到Azure SQL Database
使用SQL Server Management Studio 2014将本地数据库迁移到Azure SQL Database的过程比较简单,在SSMS2014中,有一个任务选项为“将数据库部署到Win ...
Dynamic支持CollectionView布局、 MotionEffects特效、 BlurImage效果、 TextKit
1 使用UIDynamicAnimator对集合视图进行布局 1.1 问题 UIKit Dynamic动力模型一个非常有趣的用途就是影响集合视图的布局,可以给集合视图的布局添加各种动力行为,使其产生丰 ...
tinyhttpd-0.1.0_hacking
/**************************************************************************** * * tinyhttpd-0.1.0_ha ...
Ubuntu下安装lamp
在Ubuntu里安装PHP环境时可以用恨简单的方法,直接用tasksel命令安装. 首先要安装这个命令: sudo apt-get install tasksel 然后,sudo tasksel in ...
EL 表达式取值将 < 转成 &1t 问题
因为用JeeCMS,JeeCMS后台会存入<p></p> 内容到数据库中用play框架取后台值的时候用的EL表达式在前台展示出现将< 转成 &1t HTML ...
C# string[,]与string[][]的区别
对于这两者的区别: 1.入门:string[,]可读可写,而string[][]与string[]相同,不可对第二位进行写操作 static void Main(string[] args) { // ...
1分钟学会Markdown语法
markdown 简明语法基本符号 *,-,+ 3个符号效果都一样,这3个符号被称为 Markdown符号空白行表示另起一个段落 `是表示inline代码,tab是用来标记代码段,分别对应htm ...
poj 1475 uva 589 - Pushing Boxes
题目大意人推箱子从起点到终点,要求推箱子的次数最少,并打印出来人移动的路径. 题目分析对于箱子进行宽搜的同时,要兼顾人是否能够把箱子推到相应的位置每一次对箱子bfs 然后对人再bfs #incl ...
[转载] TCP与UDP对比
TCP和UDP区别 TCP UDP 是否连接面向连接面向非连接传输可靠性可靠的不可靠的应用场合传输大量的数据少量数据速度慢快 OSI 和 TCP/IP 模型在传输 ...

【转】javascript弹出固定大小的窗口页面

【转】javascript弹出固定大小的窗口页面的更多相关文章

随机推荐

热门专题