js 打開(kāi)新頁(yè)面在屏幕中間的實(shí)現(xiàn)方法
更新時(shí)間：2016年11月02日 08:46:16 投稿：jingxian
下面小編就為大家?guī)?lái)一篇js 打開(kāi)新頁(yè)面在屏幕中間的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
<a href="javascript:void(0)" onclick="window.open('http://m.fzitv.net', 'newwindow', 'height=500, width=900, top='+Math.round((window.screen.height)/2<span style="font-family: Arial, Helvetica, sans-serif;">-250</span><span style="font-family: Arial, Helvetica, sans-serif;">)+',left='+Math.round((window.screen.width)/2</span><span style="font-family: Arial, Helvetica, sans-serif;">-450</span><span style="font-family: Arial, Helvetica, sans-serif;">)+',toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')">同意交換</a></span>
</pre><pre code_snippet_id="1613432" snippet_file_name="blog_20160317_3_5070514" name="code" class="html">
<pre name="code" class="html"><script>
function openwin(){
var width=Math.round((window.screen.width)/2<span style="font-family: Arial, Helvetica, sans-serif;">-400</span>);
var height=Math.round((window.screen.height)/2<span style="font-family: Arial, Helvetica, sans-serif;">-200</span><span style="font-family: Arial, Helvetica, sans-serif;">);</span>
window.open('http://m.fzitv.net', 'newwindow', 'height=200, width=400, top='+height+',left='+width+',toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')
}
</script>
<a href="javascript:void(0)" onclick="openwin();">同意交換</a>
<div id="cnblogs_post_body"><pre class="best-text mb-10">===================各項(xiàng)參數(shù)============
其中yes/no也可使用1/0；pixel value為具體的數(shù)值，單位象素。
| 參數(shù) | 取值范圍 | 說(shuō)明 |
| alwaysLowered | yes/no | 指定窗口隱藏在所有窗口之后 |
| alwaysRaised | yes/no | 指定窗口懸浮在所有窗口之上 |
| depended | yes/no | 是否和父窗口同時(shí)關(guān)閉 |
| directories | yes/no | Nav2和3的目錄欄是否可見(jiàn) |
| height | pixel value | 窗口高度 |
| hotkeys | yes/no | 在沒(méi)菜單欄的窗口中設(shè)安全退出熱鍵 |
| innerHeight | pixel value | 窗口中文檔的像素高度 |
| innerWidth | pixel value | 窗口中文檔的像素寬度 |
| location | yes/no | 位置欄是否可見(jiàn) |
| menubar | yes/no | 菜單欄是否可見(jiàn) |
| outerHeight | pixel value | 設(shè)定窗口(包括裝飾邊框)的像素高度 |
| outerWidth | pixel value | 設(shè)定窗口(包括裝飾邊框)的像素寬度 |
| resizable | yes/no | 窗口大小是否可調(diào)整 |
| screenX | pixel value | 窗口距屏幕左邊界的像素長(zhǎng)度 |
| screenY | pixel value | 窗口距屏幕上邊界的像素長(zhǎng)度 |
| scrollbars | yes/no | 窗口是否可有滾動(dòng)欄 |
| titlebar | yes/no | 窗口題目欄是否可見(jiàn) |
| toolbar | yes/no | 窗口工具欄是否可見(jiàn) |
| Width | pixel value | 窗口的像素寬度 |
| z-look | yes/no | 窗口被激活后是否浮在其它窗口之上 |
以上就是小編為大家?guī)?lái)的js 打開(kāi)新頁(yè)面在屏幕中間的實(shí)現(xiàn)方法全部?jī)?nèi)容了，希望大家多多支持腳本之家~
您可能感興趣的文章:
相關(guān)文章
使用typescript類(lèi)型來(lái)實(shí)現(xiàn)快排詳情
這篇文章主要介紹了使用typescript類(lèi)型來(lái)實(shí)現(xiàn)快排詳情，文章圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下2022-08-08
JavaScript如何實(shí)現(xiàn)數(shù)組內(nèi)的值累加
我們會(huì)經(jīng)常在開(kāi)發(fā)過(guò)程中,需要獲取數(shù)組中的值累加,所以下面這篇文章主要給大家介紹了關(guān)于JavaScript如何實(shí)現(xiàn)數(shù)組內(nèi)的值累加的相關(guān)資料,文中給出了詳細(xì)的代碼示例,需要的朋友可以參考下2023-11-11
js實(shí)現(xiàn)的修改div里img標(biāo)簽的src屬性
js實(shí)現(xiàn)的修改div里img標(biāo)簽的src屬性...2007-09-09
javascript中運(yùn)用閉包和自執(zhí)行函數(shù)解決大量的全局變量問(wèn)題
做為一個(gè)javascript新手，為了程式的簡(jiǎn)便，可能會(huì)在javascript中運(yùn)用了大量的全局變量，雖然一時(shí)看來(lái)，問(wèn)題解決了，而且也可能讓編碼變得更加的簡(jiǎn)單。2010-12-12
這篇文章主要介紹了5分鐘打造簡(jiǎn)易高效的webpack配置,詳細(xì)的介紹了打包調(diào)試、提取公共代碼、壓縮、熱替換等配置，有興趣的可以了解一下2017-07-07
微信小程序獲取用戶(hù)頭像昵稱(chēng)組件封裝實(shí)例(最新版)
我們?cè)谶M(jìn)行小程序開(kāi)發(fā)的時(shí)候,往往需要獲取微信用戶(hù)的部分個(gè)人信息,常見(jiàn)的有用戶(hù)頭像,昵稱(chēng)等,下面這篇文章主要給大家介紹了關(guān)于微信小程序獲取用戶(hù)頭像昵稱(chēng)組件封裝的相關(guān)資料,需要的朋友可以參考下2022-12-12
這篇文章主要給大家介紹了關(guān)于手撕javascript繼承的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11
使用JavaScript構(gòu)建JSON格式字符串實(shí)現(xiàn)步驟
這篇文章將幫助你使用javascript來(lái)創(chuàng)建json格式字符串如果你需要通過(guò)web項(xiàng)目來(lái)構(gòu)建json格式字符串的響應(yīng),感興趣的各位可以參考下哈，希望可以幫助到你2013-03-03
JS函數(shù)節(jié)流和防抖之間的區(qū)分和實(shí)現(xiàn)詳解
本文主要介紹的是關(guān)于JS中比較常用的函數(shù)：節(jié)流函數(shù)和防抖函數(shù)，從概念、使用場(chǎng)景到代碼簡(jiǎn)單實(shí)現(xiàn)做了一個(gè)詳細(xì)的區(qū)分。感興趣的小伙伴們可以參考一下2019-01-01
JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)版五子棋游戲
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)版五子棋游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-07-07