一般視窗分為兩種情況 : 1、window.open 瀏覽器樣式視窗 ⑴ 屬性:window.open('index.html', 'newpage', 'height=800, width=60, top=20, left=50, toolbar=no, menubar=no, scrollbar ...
一般視窗分為兩種情況 :
1、window.open 瀏覽器樣式視窗
⑴ 屬性:window.open('index.html', 'newpage', 'height=800, width=60, top=20, left=50, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no')
參數:window.open 彈出新視窗的命令;
'index.html' 彈出視窗的文件名;
'newpage' 彈出視窗的名字(不是文件名),非必須,可用空''代替;
height=800 視窗高度;
width=60 視窗寬度;
top=20 視窗距離屏幕上方de 距離;
left=50 視窗距離屏幕左側de 距離;
toolbar=no/yes 是否顯示工具欄,yes為顯示;
menubar,scrollbars 表示菜單欄和滾動欄。
resizable=no/yes 是否允許改變視窗大小,yes為允許;
location=no/yes 是否顯示地址欄,yes為允許;
status=no/yes 是否顯示狀態欄內的信息(通常是文件已經打開),yes為允許;
⑵調用父級框函數:window.opener.xx(); xx() 為父級框de 函數名
⑶關閉執行函數:window.onbeforeunload = function(){....}
2、ifream 模式
⑴ 屬性:<iframe name="my_iframe" height="540" width="100%" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" border="0" src="http://www.33xyx.com" security="restricted" sandbox="allow-forms allow-scripts allow-same-origin">
參數:
1,name id 不用介紹了吧,就是通過關鍵詞來應用操作iframe
2,height width 就是定義iframe的寬度高度,有數字或者百分比
3,frameborder是否顯示邊框1或0
4,marginheight marginwidth 定義iframe頂部到底部的邊距 左邊到右邊的邊距
5,scrolling iframe是否可以滾動
6,src="http://www.33xyx.com" 這個大家都知道,替換成自己的網站即可
7,security="restricted" 我理解就是iframe的東西不能控制父頁面的東西,有人會使用top.location.href=""來控制跳轉,所以自己衡量是否需要加上
8, sandbox="allow-forms allow-scripts allow-same-origin"把iframe當做一個沙盒模式來使用,允許那些許可權,我是允許他提交表單和腳本執行和同源操作
⑵ 調用父級框函數:window.parent.window.xx(); 變數 :
window.parent.window.parentValue;
⑶ 父級調用ifream函數:window.frames[
"iframe_ID"
].window.xx();
window.frames[
"iframe_ID"
].window.childValue;
⑷ 關閉執行函數:判斷ifream 是否還存在