導航:首頁 > 編程語言 > 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窗口居中相關的資料

熱點內容
超值貓qq群購秒殺群 瀏覽：138
pdf文件能備注嗎 瀏覽：174
html可視化數據源碼在哪裡 瀏覽：387
adobereader專用卸載工具 瀏覽：28
vivo手機數據如何備份 瀏覽：888
ithmb文件轉換器 瀏覽：66
看病找什麼網站好 瀏覽：579
linux如何查看文件系統 瀏覽：581
linux統計點頻率 瀏覽：627
全民泡泡大戰安琪兒升級 瀏覽：620
編程scratch如何保存 瀏覽：750
aspnetmvc傳json 瀏覽：132
如何下載看神片的狐狸視頻app 瀏覽：579
怎樣將木紋文件添加到cad 瀏覽：223
java中的hashset 瀏覽：70
mate8升級emui50嗎 瀏覽：396
網路怎麼校線 瀏覽：546
會玩app稀有寶箱裡面有什麼 瀏覽：718
打開icloud備份文件在哪裡看 瀏覽：602
一個表格多個數據怎麼樣查找數據 瀏覽：466

友情鏈接