導航:首頁 > 編程語言 > js窗口代碼

js窗口代碼

發布時間:2023-11-30 23:12:23

js怎麼樣控制打開網頁窗口的大小

window.open('page.html','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no')

window.open 彈出新窗口的命令;
'page.html' 彈出窗口的文件名回;
'newwindow' 彈出窗口的名字(不是文件名),非必須答,可用空''代替;
height=100 窗口高度;
width=400 窗口寬度;
top=0 窗口距離屏幕上方的象素值;
left=0 窗口距離屏幕左側的象素值;
toolbar=no 是否顯示工具欄,yes為顯示;
menubar,scrollbars 表示菜單欄和滾動欄。
resizable=no 是否允許改變窗口大小,yes為允許;
location=no 是否顯示地址欄,yes為允許;
status=no 是否顯示狀態欄內的信息(通常是文件已經打開),yes為允許;

注意:很多瀏覽器會屏蔽這個方法

Ⅱ 兼容所有瀏覽器的js關閉當前頁面/窗口的代碼

我們在js中判斷能力窗口或頁面都離不開window.close()函數了,但是如果要做到兼容所有瀏覽器實現關閉當前窗口話並不是直接使用window.close()即可解決了。

可兼容所有瀏覽器關閉當前頁面函數:

Ⅲ 求 JS 點擊打開新窗口HTML代碼!

window.showModalDialog方式
function ShowDialog(url) {
var iWidth=300; //窗口寬度
var iHeight=200;//窗口高度
var iTop=(window.screen.height-iHeight)/2;
var iLeft=(window.screen.width-iWidth)/2;
window.showModalDialog(url,window,"dialogHeight: "+iHeight+"px; dialogWidth: "+iWidth+"px;
dialogTop: "+iTop+"; dialogLeft: "+iLeft+"; resizable: no; status: no;scroll:no");
}

用window.showModalDialog作的可以不內被容攔截

javascript的關閉窗口的代碼

關閉窗口
window.close()關閉指定的瀏覽器窗口。如果不帶窗口引用調用close()函數,JavaScript就關閉當前窗口。在事件處理程序中,你必須指定window.close(),而不能僅僅使用close()。由於JavaScript總靜態對象的作用范圍,不帶對象名字的close()調用等價於document.close()。

如果你執行close()方法去關閉一個不是由腳本程序打開的窗口,就會出現一個確認對話框讓用戶選擇是否關閉窗口。如果在歷史列表中只有當前一個記錄,那麼在Navigator中就不會出現對話框。然而,如果你使用close()退出最後運行的瀏覽器實例,確認對話框就會出現。看看下面在2類瀏覽器中出現的對話框樣子:

點擊下面的鏈接打開一個新窗口,其中內容是tryclose.html:

Launch Window (with JavaScript)

Launch Window (with HTML)

第1個鏈接使用JavaScript的window.open()方法來打開一個窗口,第2個鏈接簡單地使用TARGET屬性實現同樣目的:

<A HREF="javascript:void(window.open('tryclose.html'))">Launch Window (with JavaScript)</A><BR>

<A HREF="tryclose.html" TARGET="_blank">Launch Window (with HTML)</A>

頁面tryclose.html顯示一個按鈕,它負責執行window.close()方法:

<FORM><INPUT TYPE="button" VALUE="Close Window" onClick="window.close()"></FORM>

當你點擊第1個鏈接打開新窗口後,瀏覽器就「記住」了它是由一個腳本程序生成的。所以,當你點擊按鈕時,新窗口不用再確認操作就被關閉。第2個鏈接是另外一回事了,它不使用任何JavaScript打開一個新窗口,當你點擊按鈕時,Internet Explorer將顯示一個確認對話框。然而,Navigator立即關閉這個窗口,因為,新窗口在會話歷史中沒有任何文檔。

JavaScript允許你在其他的窗口使用一段腳本程序關閉另外一個窗口。

點擊後關閉的窗口
許多標準的應用程序都有一個About對話框,當用戶在其中任何地方點擊一次滑鼠時,窗口就被關閉。下面就對窗口使用JavaScript來實現同樣的效果。首先,請看看打開新窗口的代碼:

<SCRIPT LANGUAGE="JavaScript">

<!--

function launchAbout() {

about = window.open("about.html", "about", "height=75,width=250");

return false;

}

// -->

</SCRIPT>

<A HREF="about.html" onClick="return launchAbout()">About</A>

點擊鏈接後,生成一個新窗口。然後,你可以在其中點擊任何地方,就關閉那個窗口。在文件about.html的HEAD區域,添加下面的腳本程序:

<SCRIPT LANGUAGE="JavaScript">

<!--

function closeWin() {

window.close();

}

if (window.Event) document.captureEvents(Event.ONCLICK);

document.onclick = closeWin;

// -->

</SCRIPT>

GOOD LUCK

Ⅳ 彈出無障礙js代碼

最基本的彈出窗口代碼】 其實代碼非常簡單: <script language="javascript"> <!-- window.open ('page.html') --> </script> 因為著是一段javascripts代碼,所以它們應該放在<script language="javascript">標簽和</script>之間。<!-- 和 -->是對一些版本低的瀏覽器起作用,在這些老瀏覽器中不會將標簽中的代碼作為文本顯示出來。要養成這個好習慣啊。 window.open ('page.html') 用於控制彈出新的窗口page.html,如果page.html不與主窗口在同一路徑下,前面應寫明路徑,絕對路徑(http://)和相對路徑(../)均可。用單引號和雙引號都可以,只是不要混用。 這一段代碼可以加入html的任意位置,<head>和</head>之間可以,<body>間</body>也可以,越前越早執行,尤其是頁面代碼長,又想使頁面早點彈出就盡量往前放。 【2、經過設置後的彈出窗口】 下面再說一說彈出窗口的設置。只要再往上面的代碼中加一點東西就可以了。 我們來定製這個彈出的窗口的外觀,尺寸大小,彈出的位置以適應該頁面的具體情況。 <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=no, status=no') //寫成一行 --> </script> 參數解釋: <script language="javascript"> js腳本開始; window.open 彈出新窗口的命令; 'page.html' 彈出窗口的文件名; 'newwindow' 彈出窗口的名字(不是文件名),非必須,可用空''代替; height=100 窗口高度; width=400 窗口寬度; top=0 窗口距離屏幕上方的象素值; left=0 窗口距離屏幕左側的象素值; toolbar=no 是否顯示工具欄,yes為顯示; menubar,scrollbars 表示菜單欄和滾動欄。

閱讀全文

與js窗口代碼相關的資料

熱點內容
js讀取伺服器cookie 瀏覽:721
什麼編程可以控制瀏覽器 瀏覽:277
微信文愛聊天截圖圖片 瀏覽:427
糖果小號密碼查看工具 瀏覽:191
pm一般做什麼編程 瀏覽:937
linux共享文件給mac 瀏覽:428
ps另存為時找不到文件 瀏覽:818
iphone6s朋友圈視頻沒聲音 瀏覽:728
win10系統工具文件夾 瀏覽:862
微信扔出去的怎樣找回來 瀏覽:744
編程怎麼錄視頻 瀏覽:470
東方財富app解套率怎麼計算 瀏覽:74
win10系統為excel文件在哪裡 瀏覽:578
字幕文件哪個網站下載 瀏覽:745
app怎麼推廣推廣 瀏覽:674
小鳥壁紙哪個文件夾刪不掉 瀏覽:419
閨蜜圈app怎麼樣 瀏覽:931
新版天貓app如何查看詳情 瀏覽:390
sql資料庫同步 瀏覽:492
網路面板線錯了怎麼辦 瀏覽:343

友情鏈接