window.Openチュートリアル
4880 ワード
window.Openチュートリアル
1、基本説明
1.1メソッド署名:oNewWindow=window.Open(sURL,sName,sFeatures,bReplace)メソッド署名で分かるようにwindow.Openは、urlがsURLであるウィンドウを開くと、そのウィンドウオブジェクトを表す変数oNewWindowが返され、正常に開かない場合、oNewWindowの値はnullになります.また、開いているウィンドウを事前に制御するために、各パラメータの意味を具体的に説明する他のパラメータ(sName、sFeatures、bReplace)を選択できます.
1.2各パラメータの意味 oNewWindow:開かれたウィンドウのオブジェクト sUrl:ウィンドウを開くurl sName:どのウィンドウで新しいurlリンクを開くか、たとえば_blank(新しいウィンドウ),トップ(最外層ウィンドウ)など sFeatures:ウィンドウの制御プロパティ fullscreen:フルスクリーンモード(F 11の効果に相当)かどうか、値:yes/1、no/0 directories:お気に入りの「リンク」ディレクトリなどのディレクトリボタンが付いているかどうか、 と同じ値を取得できます. location:アドレスバーがあるかどうか、値は上 と同じです. channelmode:映画館モードかどうかは、 と同じ値をとることができます. menubar:メニューバーがあるかどうか、 と同じ値を取ることができます. resizable:ウィンドウのサイズを変更できますか?値は と同じです. scrollbars:スクロールバーがあるかどうか、値は と同じです. status:ステータスバーがあるかどうか、値は上 と同じです. titlebar:タイトルバーがあるかどうか、 と同じ値をとることができます. toolbar:ショートカットツールバーがあるかどうか、値は と同じです. height:ウィンドウ高さ width:ウィンドウ幅 top:スクリーン上のエッジからの距離 left:画面左端から bReplace:同じウィンドウで新しいウィンドウを開く場合、この値はhistoryで元のウィンドウのurlリンクを置き換えるかどうかを指定するために使用されます.値:true/false
2、基本使用新しいウィンドウでリンクlink(/myoa/admin/manage.jsp) を開きます.指定したウィンドウでリンクlink(/myoa/admin/manage.jsp) を開きます.新しいウィンドウを開きます.ウィンドウの高さ300 px、幅500 px、スクロールバーなし、アドレスバーなし(/myoa/admin/manage.jsp) が必要です.
3、高級部分元のウィンドウとポップアップウィンドウの間のオブジェクトの配置 概要:ポップアップウィンドウは私たちがページプログラミングでよく使う方法であり、インタラクティブな角度から分析すると、ポップアップウィンドウには主に2つのタイプがあり、1つは情報表示ウィンドウ、例えば人員情報、文章情報などである.もう1つは、ウィンドウの処理を続行することです.たとえば、新しい文章がポップアップウィンドウで完了する項目もあります.情報表示ウィンドウについては、ユーザが読み終わった後に閉じるようにすればよいが、処理ウィンドウの継続については、ユーザが処理を継続した後に、新しいウィンドウに文章のコミットを作成した後、ポップアップウィンドウが閉じるのと同じ時間に元のウィンドウをリフレッシュしたいなど、元のウィンドウと戸動する必要があることが多い. の解決策:上記の方法の1つの鍵は、元のウィンドウとポップアップウィンドウオブジェクトをどのように取得するかであり、DOMモデルでは明確に見ることができます. 元のウィンドウからポップアップオブジェクトを取得する:
ポップアップウィンドウで元のウィンドウオブジェクトを取得: wondow.Openのキャッシュ処理 概要:windowの場合.Openリンクのtargetはすでに存在するウィンドウを指定し、特に元のページのframeとiframeであればwindow.Openが開いているリンクページは、サーバから再要求されるのではなく、ブラウザ内の対応するキャッシュページを使用します.少なくともieはこのような感じがします.例えば、 解決策:実験では、中ガイドリンクでは上記の現象は発生せず、毎回再要求されていることが分かった.同様に上記の例であり、以下の方法を用いることができる.
しかし、多くの場合、私たちはwindowを使用しません.Openからこのページのiframeへのアプローチ(後で遭遇する可能性があります)では、
1、基本説明
1.1メソッド署名:oNewWindow=window.Open(sURL,sName,sFeatures,bReplace)メソッド署名で分かるようにwindow.Openは、urlがsURLであるウィンドウを開くと、そのウィンドウオブジェクトを表す変数oNewWindowが返され、正常に開かない場合、oNewWindowの値はnullになります.また、開いているウィンドウを事前に制御するために、各パラメータの意味を具体的に説明する他のパラメータ(sName、sFeatures、bReplace)を選択できます.
1.2各パラメータの意味
2、基本使用
window.open ( "/myoa/admin/manage.jsp" ) ;
window.open ( "/myoa/admin/manage.jsp" , "_blank" ) ;
: , , ,
window.open ( "/myoa/admin/manage.jsp" , "myWiddown" ) ; //myWindow
: myWindow , , myWindow,
, open, myWindow
, , , :_blank、_top、_parent、_self
window.open ( "/myoa/admin/manage.jsp" , "_blank" , "height=300,width=500,scrollbars=no,location=no" ) ;
:sFeatures , window.showModalDialog , , !
3、高級部分
var infoWindow=window.open ( "create.jsp" , "_blank" , "width=500,height=400" ) ;
//infoWindow window , (myForm) (username), :
infoWindow.document.myForm.username.value= "lisi" ;
, create.jsp ,
opener.location.reload () ;
//opener DOM , 。
<input type= "button" value= " " onclick= "window.open('/myoa/users/list.jsp','main','')" />
<hr>
<iframe name= "main" src= "/myoa/users/list.jsp" width= "100%" height= "600" frameborder= "0" ></iframe>
, , “ ” , , , 。
<a href= "/myoa/users/list.jsp" target= "main" > </a>
<hr>
<iframe name= "main" src= "/myoa/users/list.jsp" width= "100%" height= "600" frameborder= "0" ></iframe>
しかし、多くの場合、私たちはwindowを使用しません.Openからこのページのiframeへのアプローチ(後で遭遇する可能性があります)では、
<input type= "button" value= " " onclick= "document.getElementById('showlist').click()" />
<a href= "/myoa/users/list.jsp" target= "main" id= "showlist" style= "display:none" > </a>
<hr>
<iframe name= "main" src= "/myoa/users/list.jsp" width= "100%" height= "600" frameborder= "0" ></iframe>
, , link , javascipt 。
のように解決できます.