导航:首页 > 编程语言 > js怎么弹出div窗口居中

js怎么弹出div窗口居中

 发布时间：2024-08-09 03:44:01

① 怎样用js实现弹出窗口的居中

怎样用js实现弹出窗口的居中
<script type="text/javascript">

function openwindow(url,name,iWidth,iHeight)
{
var url; //转向网页的地址;
var name; //网页名称，可为空;
var iWidth; //弹出窗口的宽度;
var iHeight; //弹出窗口的高度;
//window.screen.height获得屏幕的高，window.screen.width获得屏幕的宽
var iTop = (window.screen.height-30-iHeight)/2; //获得窗口的垂直位置;
var iLeft = (window.screen.width-10-iWidth)/2; //获得窗口的水平位置;
window.open(url,name,'height='+iHeight+',,innerHeight='+iHeight+',width='+iWidth+',innerWidth='+iWidth+',top='+iTop+',left='+iLeft+',toolbar=no,menubar=no,scrollbars=auto,resizeable=no,location=no,status=no');
}

</script>

② 如何让JS弹出的窗口居中

<script type="text/javascript">

function openwindow(url,name,iWidth,iHeight)
{
var url; //转向网页的地址;
var name; //网页名称，可为空;
var iWidth; //弹出窗口的宽度;
var iHeight; //弹出窗口的高度;
//window.screen.height获得屏幕的高，window.screen.width获得屏幕的宽
var iTop = (window.screen.height-30-iHeight)/2; //获得窗口的垂直位置;
var iLeft = (window.screen.width-10-iWidth)/2; //获得窗口的水平位置;
window.open(url,name,'height='+iHeight+',,innerHeight='+iHeight+',width='+iWidth+',innerWidth='+iWidth+',top='+iTop+',left='+iLeft+',toolbar=no,menubar=no,scrollbars=auto,resizeable=no,location=no,status=no');
}

</script>

③ 如何让JS代码效果居中

普通居中方法：margin：0 auto；就可以实现。应该是样页面的一个DOM居中吧！就用相对定位就可以了。

下面是个小例子：

<body>
	<divid="div"style="width:100px;height:100px;background:#ccc;display:none;"></div>
<inputtype="button"value="clickme"id="btn"/>
</body>
<script>
	varoBtn=document.getElementById('btn');
	varoDiv=document.getElementById('div');
	oBtn.onclick=function(){
		oDiv.style.cssText='width:100px;height:100px;background:#ccc;top:50%;left:50%;position:absolute;margin-left:-50px;margin-top:-50px;display:block;';	
	};
</script>
cssText需要将原样式清空后再补填样式。
主要是用样式的定位来做。你可以通过页面的宽度和高度去计算。

④ js使用div内容居中

1、准备好一个空的html结构的文档。

⑤ 一段js代码，请问使用什么代码可以让其居中显示出来

<html>
<body>
<div id="aa" align="center"></div>
<div id="bb" align="center"></div>
</body>
</html>
<script>
var a = "<h1>插入html代码</h1>";
var b = "<h1>插入原始代码</h1>";
document.getElementById("aa").innerHTML = a;
document.getElementById("bb").innerText = b;
</script>

代码已贴上，自己回去试
其实方式有很多版种，这只是其中一种
我没看明权白你的问题，所以把两种插入js代码的方式都写出来了
.innerHTML 转译html代码
.innerText 源码什么样插入的时候就是什么样

⑥ 通过JS弹出的浮动DIV层，居中于窗口中。

把style里面的left和top拿到js里面写
在CSS里面用expression是只有IE支持的 这就是不兼容的东西
<div id="divCenter" align="center" style="position: absolute; z-index: 3; display: none; background-color: #fff;" >
<span style="background-color:Gray; width:390px; height:220px; text-align:center;"><BR /><BR />面板中的内容</span>
</div>
<script language="JavaScript">
document.getElementById('divCenter').style.left = (document.body.offsetWidth - 540) / 2;
document.getElementById('divCenter').style.top = (document.body.offsetHeight - 170) / 2 + document.body.scrollTop;
</script>
<a onclick="javascript:document.all.divCenter.style.display='block';">显示该层</a>

阅读全文

与js怎么弹出div窗口居中相关的资料

热点内容
cf击杀图标放哪个文件夹 浏览：208
为什么我的炉石不能查看完整数据 浏览：179
苹果7音量按键不回弹 浏览：296
u盘两个系统可以放一个文件夹吗 浏览：538
linuxshell变量累加 浏览：386
win10控制面板怎么看 浏览：574
如何编程换装游戏程序 浏览：269
怎么登录沭阳县民政局网站 浏览：451
iphone6降级ios7 浏览：92
怎么隐藏三星应用程序图标不见了 浏览：203
可以兼职的app 浏览：493
iphone圆角图标制作 浏览：659
建设银行app怎么申请 浏览：163
系统备份文件夹在哪 浏览：998
qq分组exo韩文 浏览：849
华硕装装win7系统教程视频 浏览：407
什么是数据直连 浏览：210
笔记本连接无线网络慢 浏览：486
压缩文件怎么控制在4m以内 浏览：1
indesign最新版本2016 浏览：300

友情链接