使用JavaScript定义打开网页后居中显示，并可为窗口设置大小，使用“window.open”方法打开新窗口：先来看完整的代码及调用方法：

<html xmlns="http://www.w3.org/1999/xhtml" >

<head>

<title>打开居中的窗口</title>

<script language="javascript">

//参数-url：要打开的网站，winname：打开后的窗体名称

//参数width:打开新窗体的宽度，height：打开新窗体的高度

<!--

function openwindow( url,winName,width,height)

{

    xposition=0; yposition=0;

    if ((parseInt(navigator.appVersion) >= 4 ))

    {

    xposition = (screen.width - width) / 2;//窗体居中的x坐标

    yposition = (screen.height - height) / 2;//窗体居中的y坐标

    }

    theproperty= "width=" + width + "," //打开窗口的属性

    + "height=" + height + ","

    + "location=0,"

    + "menubar=0,"

    + "resizable=1,"

    + "scrollbars=0,"

    + "status=0,"

    + "titlebar=0,"

    + "toolbar=0,"

    + "hotkeys=0,"

    + "screenx=" + xposition + "," //仅适用于Netscape

    + "screeny=" + yposition + ","//仅适用于Netscape

    + "left=" + xposition + ","//IE

    + "top=" + yposition;//IE

    window.open( url,winName,theproperty );//打开窗口

}//-->

</script>

</head>

<body>

<a href="javascript:openwindow('http://www.google.com','openwin',300,300)">打开窗口</a>

</body>

</html>

代码的重点是设置打开窗口的一些属性，此方法的三个参数分别代表：要打开窗口的URL、打开窗口的名字、打开窗口的一些属性（如是否有滚动条、最大化按钮 等）。本例使用“(screen.width-width)/2”和“(screen.height-height)/2”获取窗体居中的坐标点，然后指 定窗体的“left”和“top”属性。

Js打开网页后居中显示的更多相关文章

  1. python - 将数据转换成 excl 表格, json 等文件 （dajngo - 打开网页后自动下载）

    本篇只讲述怎么用. 具体 tablib  更多详细用法可参考博客 : https://blog.csdn.net/liangyuannao/article/details/41476277 # 不得不 ...

  2. js 怎么屏蔽微信打开网页后的分享

    我们知道 js 可以通过 window.navigator.userAgent 来获取浏览器的相关信息,比如:Mozilla/5.0 (Windows NT 5.1) AppleWebKit/537. ...

  3. IE8/IE9/IE10打开网页后，自动设置浏览器模式为“IE8/IE9/IE10兼容性视图”

    http://blog.snsgou.com/post-16.html 作者:SNSGOU 发布于:2013-07-17 22:23:05  分类:CSS/HTML     评论(0)  浏览(132 ...

  4. 关于Vue.js 使用v-cloak后仍显示变量的解决方法

    v-cloak   这个指令是防止页面加载时出现 vuejs 的变量名而设计的,但有时候添加了这个指令仍会显示变量,这是怎么回事呢?. v-cloak 用法: HTML代码: <div v-cl ...

  5. 解决浏览器打开网页后提示“dns_probe_possible”的方法

    使用浏览器浏览网页时偶尔会遇到无法上网且浏览器提示:DNS_PROBE_POSSIBLE 一般有三种情况会导致这样的故障: 1.网络协议出现故障,也就是常说的 DNS 设置问题 2.浏览器中设置问题, ...

  6. 百度地图 js api 实现 line 居中显示

    项目中有个需求需要在百度地图的中心显示画的线,以前用过mapPanto这个方法,传入坐标就可以将地图平移到这个坐标,不过不知道如何获取线的中心点,看了别人的代码,有以下两个函数可以实现这个功能 get ...

  7. 网页的居中显示，使用了margin、clear:both

    很久没写过页面了,现在写起来也觉得捡起来还是挺快的. 当时遇到了这样的问题,我有一个大的div包涵了整个网站,有网页头部,中部还有底部.头部就是一个标题,中部就是几张图片跟文字排版,结果左右两边的图片 ...

  8. 随手记一次利用webbowser控件打开网页后cookie读取与设置

    利用wininet.dll 组件读取cookie : [DllImport("wininet.dll", CharSet = CharSet.Auto, SetLastError ...

  9. 开发Protege插件时，出现打开Protege后并不显示插件的原因

    最近跟着导师一起开发了一个Protege插件,在按照http://www.cnblogs.com/biaoyu/archive/2011/01/07/1929715.html中所述一步步进行到最后时, ...

随机推荐

  1. go官网教程A Tour of Go

    http://tour.golang.org/#1 中文版:http://go-tour-cn.appsp0t.com/#4 package main import ( "fmt" ...

  2. HDU4536 XCOM Enemy Unknown(dfs）

    题目链接. 分析: 用dfs枚举每一波攻击的三个国家. 很暴力,但没想到0ms. #include <iostream> #include <cstdio> #include ...

  3. -_-#【事件】keyCode

  4. 值得收藏的Javascript代码

    1  Javascript数组转换为CSV格式 首先考虑如下的应用场景,有一个Javscript的字符型(或者数值型)数组,现在需要转换为以逗号分割的CSV格式文件.则我们可以使用如下的小技巧,代码如 ...

  5. Flatten Binary Tree to Linked List ——LeetCode

    Given a binary tree, flatten it to a linked list in-place. For example,Given 1 / \ 2 5 / \ \ 3 4 6 T ...

  6. CentOS 6.5 安装realtek RTL8188CE无线网卡

    首先,要检查一下网络适配器的型号. [root@localhost sam]# lspci -nn | grep -i net03:00.0 Ethernet controller [0200]: R ...

  7. Android中bitmap的相关处理

    加载大图片 Options options=new Options(); options.inJustDecodeBounds=true;//不加载图片,只加载文件信息 //加载图片,获取到配置信息 ...

  8. 我是企业号体验账户 我发送消息：微信错误 errcode=60011,

    http://qydev.weixin.qq.com/qa/index.php?qa=3197&qa_1=%E6%88%91%E6%98%AF%E4%BC%81%E4%B8%9A%E5%8F% ...

  9. STL_iterator迭代器(1)——迭代器的分类

    一.容器迭代器 尽管C++指针也是迭代器,但用的更多的是容器迭代器.容器迭代器用法和iterdemo.cpp一样,但和将迭代器申明为指针变量不同的是,你可以使用容器类方法来获取迭代器对象.两个典型的容 ...

  10. linux chgrp命令【转载】

    在lunix系统里,文件或目录的权限的掌控以拥有者及所诉群组来管理.可以使用chgrp指令取变更文件与目录所属群组,这种方式采用群组名称或群组识别码都可以.Chgrp命令就是change group的 ...