javascript:window.open彈出窗口的位置問題
更新時(shí)間：2014年03月18日 10:53:15 投稿：whsnow
這篇文章主要介紹了javascript:window.open彈出窗口的位置問題,需要的朋友可以參考下
window.open 彈出窗口的位置 問題.記錄一下
復(fù)制代碼 代碼如下:
<SCRIPT LANGUAGE="javascript">
<!--
window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no') //這句要寫成一行
-->
</SCRIPT>
參數(shù)解釋：
<SCRIPT LANGUAGE="javascript"> js腳本開始；
window.open 彈出新窗口的命令；
'page.html' 彈出窗口的文件名；
'newwindow' 彈出窗口的名字（不是文件名），非必須，可用空''代替；
height=100 窗口高度；
width=400 窗口寬度；
top=0 窗口距離屏幕上方的象素值；
left=0 窗口距離屏幕左側(cè)的象素值；
toolbar=no 是否顯示工具欄，yes為顯示；
menubar，scrollbars 表示菜單欄和滾動(dòng)欄。
resizable=no 是否允許改變窗口大小，yes為允許；
location=no 是否顯示地址欄，yes為允許；
status=no 是否顯示狀態(tài)欄內(nèi)的信息（通常是文件已經(jīng)打開），yes為允許；
</SCRIPT> js腳本結(jié)束
echo -->
復(fù)制代碼 代碼如下:
<html>
<head>
<script type="text/javascript">
function neww(){
var w=document.getElementById('w').value;
alert(w);
var h=document.getElementById('h').value;
var hh=document.getElementById("hh").value;
var v=document.getElementById('v').value;
var style="directories=no,location=no,menubar=no,width="+w+"height"+h;
var myFunc=window.open("http://www.baidu.com","nwindow",style);
myFunc.moveTo(hh,v);
}
</script>
</head>
<body>
新窗口的高度：<input type="text" id="h" size="4" value="300" />
新窗口的寬度：<input type="text" id="w" size="4" value="300" />
新窗口的垂直坐標(biāo)：<input type="text" id="hh" size="4" value="300" />
新窗口的水平坐標(biāo)：<input type="text" id="v" size="4" value="300" />
<button onclick="new();">打開心彈窗</button>
</body>
</html>
相關(guān)文章
Textbox控件注冊(cè)回車事件及觸發(fā)按鈕提交事件具體實(shí)現(xiàn)
Lyncplus客戶端中訪問Web頁面時(shí)遇到了TextBox控件回車自動(dòng)完成按鈕的提交事件失效的情況,于是上網(wǎng)查找相關(guān)的介紹最終解決了這兩個(gè)問題，感興趣的你可以參考下或許對(duì)你有所幫助2013-03-03
javascript級(jí)聯(lián)下拉列表實(shí)例代碼(自寫)
javascript下拉菜單想必大家在瀏覽網(wǎng)頁的時(shí)候都會(huì)看到吧，已不是那么陌生了，本文介紹使用javascript實(shí)現(xiàn)級(jí)聯(lián)下拉列表實(shí)例，感興趣的朋友可以參考下哈，希望對(duì)你有所幫助2013-05-05
javascript設(shè)計(jì)模式之module(模塊)模式
這篇文章主要為大家詳細(xì)介紹了javascript設(shè)計(jì)模式之module(模塊)模式 ，感興趣的小伙伴們可以參考一下2016-08-08
微信小程序swiper使用網(wǎng)絡(luò)圖片不顯示問題解決
這篇文章主要介紹了微信小程序swiper使用網(wǎng)絡(luò)圖片不顯示問題解決,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-12-12
Bootstrap源碼解讀標(biāo)簽、徽章、縮略圖和警示框（8）
這篇文章主要源碼解讀了標(biāo)簽、徽章、縮略圖和警示框，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
JavaScript實(shí)現(xiàn)PC端橫向輪播圖
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)PC端橫向輪播圖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-02-02
基于javascript實(shí)現(xiàn)碰撞檢測(cè)
這篇文章主要為大家詳細(xì)介紹了基于javascript實(shí)現(xiàn)碰撞檢測(cè)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-03-03
JavaScript學(xué)習(xí)小結(jié)之被嫌棄的eval函數(shù)和with語句實(shí)例詳解
這篇文章主要介紹了JavaScript學(xué)習(xí)小結(jié)之被嫌棄的eval和with實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2016-08-08
JS實(shí)現(xiàn)的字符串?dāng)?shù)組去重功能小結(jié)
這篇文章主要介紹了JS實(shí)現(xiàn)的字符串?dāng)?shù)組去重功能,結(jié)合實(shí)例形式分析了javascript基于ES6、ES5、ES3及正則實(shí)現(xiàn)數(shù)組去重的相關(guān)操作技巧,需要的朋友可以參考下2019-06-06
這篇文章主要介紹了JavaScript中的標(biāo)簽語句用法,實(shí)例分析了標(biāo)簽語句的功能、定義及相關(guān)使用技巧,需要的朋友可以參考下2015-02-02