window.open打開頁面居中顯示的示例代碼
更新時間：2013年12月27日 09:13:52 作者：
本篇文章主要是對window.open打開頁面居中顯示的示例代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
1.js
復制代碼 代碼如下:
<script type="text/javascript">
function openwindow(url,name,iWidth,iHeight)
{
// url 轉向網頁的地址
// name 網頁名稱，可為空
// iWidth 彈出窗口的寬度
// 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>
2.調用方法
復制代碼 代碼如下:
<a href="javascript:void(0);" onclick="javascript:openwindow('a.html','',400,200);">轉到a</a>
您可能感興趣的文章:
相關文章
這篇文章主要為大家詳細介紹了js實現(xiàn)網頁音樂播放器，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-06-06
這篇文章主要為大家詳細介紹了JavaScript Ajax實現(xiàn)異步通信的相關資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
Bootstrap是twitter的工程師在業(yè)余時間開發(fā)的，是一款目前非常流行的前端框架。本文給大家介紹第一篇初識bootstrap的相關知識，非常不錯具有參考借鑒價值，感興趣的朋友一起學習吧2016-06-06
Javascript腳本獲取form和input內容的方法(兩種方法)
隨著js的發(fā)展，許多的網頁數(shù)據(jù)處理完全可以由js腳本解決，而不需要發(fā)送到服務器，這里分享兩種Javascript腳本獲取form和input內容的方法，感興趣的朋友跟隨小編一起看看吧2023-05-05
js圖片延遲加載(Lazyload)三種實現(xiàn)方式
這篇文章主要介紹了js延遲加載(Lazyload)三種實現(xiàn)方式，具有一定的參考價值，感興趣的小伙伴們可以參考一下。2017-03-03
JavaScript實現(xiàn)字符串轉JSON對象的4種方法代碼
這篇文章主要給大家介紹了關于JavaScript實現(xiàn)字符串轉JSON對象的4種方法,使用ajax的開發(fā)項目過程中,經常需要將json格式的字符串返回到前端,前端解析成js對象(JSON),需要的朋友可以參考下2023-10-10
一些柱形圖在數(shù)據(jù)量比較多的時候,橫向排列受到擠壓,導致柱形圖,變的非常細,影響整體的效果,所以應該將柱形圖堆疊起來,這樣就會好很多,下面這篇文章主要給大家介紹了關于Echarts橫向堆疊柱狀圖和markLine的相關資料,需要的朋友可以參考下2022-06-06
JavaScript實現(xiàn)讀取上傳視頻文件的時長和第一幀畫面過程講解
當我們做一個后臺系統(tǒng)的音視頻管理模塊時，通常要限制文件的大小和類型，這篇文章主要介紹了JavaScript實現(xiàn)讀取上傳視頻文件的時長和第一幀畫面過程，需要詳細了解實現(xiàn)方法可以參考下文2023-05-05
這篇文章主要介紹了javascript關于繼承的用法,實例匯總了常見的javascript關于繼承的用法,具有一定的參考借鑒價值,需要的朋友可以參考下2014-12-12
這篇文章主要為大家詳細介紹了微信小程序使用字體圖標的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-05-05