javascript打开一个页面然后然页面居中显示

窗口弹出与屏幕尺寸获取

最新推荐文章于 2023-01-04 00:19:17 发布

转载最新推荐文章于 2023-01-04 00:19:17 发布 · 82 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/guowei1027/archive/2009/12/16/1626025.html

文章标签：

#javascript #ViewUI

本文介绍了一种使用JavaScript创建弹出窗口的方法，并详细解释了如何通过screen对象的availHeight和availWidth属性来获取用户的屏幕高度和宽度。

var url = htmUrl;
var top = (screen.availHeight - h)/2;
var left = (screen.availWidth - w)/2;
var p = "scrollbars=0,status=0,menubar=0,resizable=2,location=0";
var params = "top=" + atop + ",left=" + aleft + ",width=" + awidth + ",height=" + aheight + "," + p ;
win = window.open(url,'SampleName',params);
win.focus();

screen.availHeight 和 availWidth 分别获取屏幕的大小

转载于:https://www.cnblogs.com/guowei1027/archive/2009/12/16/1626025.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34128501

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

通过JavaScript使Div居中并随网页大小改变而改变

12-12

在使用Java做后台的时候，都会做到登录的页面，但是自己的页面太难看了，要居中没居中，要颜色没颜色，但是无论是怎么样都得使登录的框居中吧！以前的想法是通过CSS+Div使div居中，但是现在的想法变了，通过JavaScript可以简单的使Div在页面上居中，随着网页大小的改变做出相应的改变。而且只要明白了居中的原理轻而易举的就可以实现了。先看一下居中的原理吧! 先看一张图。从图中看到了什么？可以看到红色的框居中了，为什么会居中呢？通过观察可以发现红框的上下的蓝色的间距线是一样长的，这样可以确保了垂直居中，红框的左右的绿色间距线也是一样长的，这样可以确保了水平居中。但是怎么使上下的间距相

javascript文本居中的三种方式

05-17

能够将html文件当中的元素：选择内联行内居中，通过类选择器样式定义居中以及元素选择三种方式进行居中处理

参与评论您还未登录，请先登录后发表或查看评论

js实现屏幕居中

weixin_34208283的博客

01-24

873

1、让元素在屏幕中央显示的 jQuery 函数以下代码可让元素在屏幕中央显示，无论网页是否滚动。 jQuery.fn.center=function(){ $win=$(window); this.css('position','absolute'); this.css('top',(($win.height()-this.outerHe...

js设置居中

热门推荐

喻志强的博客

03-23

3万+

我们在编写html页面的时候，不可避免的会遇到元素居中的问题，水平居中还好说我们可以通过设置margin: auto;text-align: center;来实现水平居中。垂直居中的话，单个标签我们可以通过设置line-height来实现垂直居中，但是多个标签的时候就没法这么做了。有一种方法就是通过js算出元素的left和top值来实现居中。一般都是获取父元素的宽高，再获取子元素的宽高，父元素的

JavaScript实现同一个页面打开多张图片

10-20

在JavaScript编程中，实现同一个页面打开多张图片的功能是一种常见的需求，特别是在创建图片画廊或展示多个图像时。这个功能可以通过在HTML中设置超链接，并结合JavaScript事件处理来完成。在提供的代码示例中，我们...

window.open打开页面居中显示的示例代码

12-10

在JavaScript编程中，`window.open()` 是一个非常实用的函数，用于在浏览器中打开新的窗口或者标签页。这个函数在Web开发中常用于创建新窗口、弹窗等场景，尤其在用户交互和导航中占据重要地位。在本例中，我们将...

css，JavaScript，html实现页面图片点击打开在灯箱中显示，背景黑色60%，单击上、下按钮切换页面相应图片

09-05

同时，需要创建灯箱元素，包括一个显示大图的区域、上一张和下一张按钮，以及一个黑色背景层，它们在默认情况下应被设置为隐藏。接下来，我们使用CSS来美化这些元素。灯箱背景层可以通过设置`position: fixed;`、`...

javascript 局部页面打印实现代码

10-29

这个结构包括一个居中的h4标题、内嵌的JavaScript脚本用于控制打印行为，以及用于显示内容的div容器。 4. 在内嵌的JavaScript脚本中，定义了一个printWin函数。该函数的功能是在新打开的打印窗口中写入obj标签内的...

js的居中设置

weixin_39349045的博客

01-04

1807

1、在body标签下方写上,用来存放js代码。通过class定位到div，通过css()方法让文字居中。

js 打开新页面在屏幕中间的实现方法

11-26

<a>-250</span><span xss=removed>)+',left='+Math.round((window

javascript之弹出窗口居中的代码

12-12

Test [Ctrl+A 全选注:如需引入外部Js需刷新才能执行] javascript弹出窗口居中代码下面给两个弹出屏幕居中窗口的例子代码如下:window.open()方式 function ShowDialog(url) { var iWidth=300; //窗口宽度 var iHeight=200;//窗口高度 var iTop=(window.screen.height-iHeight)/2; var iLeft=(window.screen.width-iWidth)/2; window.open(url,”Detail”,”Scrollbars=no,Tool

js 设置div 页面居中

Vincent

02-17

3074

[code="html"] js根据页面大小变化设置div左右居中说明:js根据页面大小变化设置div左右居中, 要应用js代码，要设置position：absolute 此为居中的div var mydiv = document.getElementById("mydiv"); var ...

JS实现-DIV自动居中代码

yuzhongkai的博客

03-20

6719

其实想让整个DIV盒子在页面实现自动居中非常简单，只需要一小段JS代码代码就可以实现。有时候我们做页面效果也好，做程序功能的开发也好。只要思路理清楚了，相信做起来会非常的得心应手。下面就跟大家一起简单分析下JS是如何实现让DIV盒子，在页面自动居中，并且随着页面的变动，也能居中。思路：一、首先我们的DIV盒子模型，一般是绝对定位于浏览器的，那么首先我们可以先

通过JavaScript使Div居中

jishublog

06-24

484

通过JavaScript使Div居中在使用Java做后台的时候，都会做到登录的页面，但是自己的页面太难看了，要居中没居中，要颜色没颜色，但是无论是怎么样都得使登录的框居中吧！以前的想法是通过CSS+Div使div居中，自己写很困难，但是现在的想法变了，通过JavaScript可以简单的使Div在页面上居中，随着网页大小的改变做出相应的改变。而且只要明白了居中的原理轻而易举的就可以实现了。先...

弹出框页面居中显示的两种方法

半夏半暖半倾城的博客

09-01

6577

第一种 position:absolute; /*position:fixed;*/ top:0; right:0; left:0; bottom:0; margin:auto; 这种方法在元素的宽度不固定时会横向拉伸元素，在高度不固定时会纵向拉伸。但是在宽高固定的情况下可以用，没有兼容性问题。第二种 position:absolute; /*position:fixed;*...

设置页面元素垂直居中的几种方法

MOONCOM的博客

02-07

6416

一、对于行内元素若该行内元素只有一行，且该行内元素父元素的高度一定，可以设置该行内元素的line-height属性，属性值为父元素的高度。二、对于块元素通过设置vertical-align属性实现垂直居中。 1、在元素的中使用vertical属性。 td{ vertical-align:middle; } 2、对于普通的元素，首先设置该元素display

window.open窗口显示在屏幕中央

kbx8916的博客

03-26

1883

function showNew() { var width=200; var height=200; var y=(window.screen.availHeight-200); var x=(window.screen.availWidth-200); var mywindow=window.open("","_blank","height="+height+",wid

javascript弹出窗口居中代码

10-30

190

javascript弹出窗口代码下面给两个弹出屏幕居中窗口的例子 window.open()方式 function ShowDialog(url) { var iWidth=300; //窗口宽度 var iHeight=200;//窗口高度 var iTop=(window.screen.height-iHeight)/2; var iLeft=(wind...

掌握居中特效：JavaScript窗口打开技术

在Web开发中，“打开窗口居中”通常指的是在当前浏览器窗口中打开一个新的子窗口，并使其在父窗口中水平和垂直居中显示。实现此功能主要依赖于JavaScript对浏览器窗口的控制能力，特别是`window.open`方法的运用。 ...

javascript打开一个页面 然后然页面居中显示

javascript打开一个页面然后然页面居中显示