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

熱點內容
華為應用裡面有了app說明什麼 瀏覽:801
資料庫中xy是什麼意思 瀏覽:893
u盤打不開提示找不到應用程序 瀏覽:609
網站功能介紹怎麼寫 瀏覽:954
word在試圖打開文件時錯誤 瀏覽:108
主板無vga插槽怎麼連接編程器 瀏覽:521
錄視頻文件在哪裡刪除 瀏覽:881
word2013如何插入文件 瀏覽:233
proe教程百度網盤 瀏覽:197
如何控制遠程linux伺服器 瀏覽:740
it教學app有哪些 瀏覽:34
怎麼在ps摳的圖變成矢量文件 瀏覽:405
口袋妖怪銀魂安卓v11 瀏覽:1
網站上芒果tv的賬號都是什麼 瀏覽:104
帶公式的表格如何刷新數據 瀏覽:81
數據標注語音和2d哪個好 瀏覽:145
保存excel文件的方法 瀏覽:655
手機上看不到電腦上的文件 瀏覽:626
關於ps的微信公眾號 瀏覽:612
矩陣論教程 瀏覽:971

友情鏈接