jsのwindow.open()メソッドの使い方を詳しく解説_基礎知識-jsチュートリアル-php.cn

jsのwindow.open()メソッドの使い方を詳しく解説_基礎知識

WBOY

リリース： 2016-05-16 17:27:52

オリジナル

1006 人が閲覧しました

1. Window.open() がサポートする環境:
JavaScript1.0 /JScript1.0 /Nav2 /IE3 /Opera3

2. 基本構文:
window.open(pageURL,name,parameters)
ここで:
pageURL はサブウィンドウのパスです
name はサブウィンドウのハンドルです
parameters はウィンドウのパラメーターです (各パラメーターは区切られています)

3. 例:

コードをコピーしますコードは次のとおりです

 
<SCRIPT> <br><!-- <BR>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') <BR>//一行で書く<BR>--> <🎜; ></SCRIPT>

> これは JavaScript コードであるため、の間に配置する必要があります。は、一部の古いブラウザでは有効であり、タグ内のコードはテキストとして表示されません。この良い習慣を身につけてください。 Window.open ('page.html') は、新しいウィンドウ page.html のポップアップを制御するために使用されます。page.html がメインウィンドウと同じパスにない場合は、そのパスを次のように記述します。フロントでは、絶対パス (http://) と相対パス (../) を使用できます。一重引用符または二重引用符のいずれかを使用できますが、混合しないでください。このコードは、HTML のと

の間、およびの間のどこにでも追加できます。早いほど早く実行されます。特にページのコードが長い場合、ページをより早くポップアップさせたい場合は、できるだけ前に配置します。【2. 設定後のポップアップウィンドウ】

 ポップアップウィンドウの設定について説明します。上記のコードにもう少し追加するだけです。 
ページの特定の条件に合わせて、このポップアップ ウィンドウの外観、サイズ、ポップアップの位置をカスタマイズしましょう。 

コードをコピー

コードは次のとおりです:

パラメータの説明:
js スクリプトは終了します

[3. ポップアップウィンドウを制御する関数を使用します]

は完全なコードです。

コードをコピーコードは次のとおりです。

 head> 
 
ここでは関数 openwin() が定義されており、関数の内容はウィンドウを開くことです。呼び出されるまでは何の役にも立ちません。 
なんと呼びますか？ 
方法 1:  ブラウザがページを読み取るとウィンドウが表示されます。

方法 2: ブラウザがページウィンドウを離れると起動します。
方法 3: 接続を使用して呼び出します:
ウィンドウを開く
注: 使用されている「#」は仮想接続です。
方法 4: ボタンで呼び出します:

[4. [同時にウィンドウ]

ソースコードに少し変更を加えます:

コードをコピーします

コードは次のとおりです。次のように:

2 つのポップアップウィンドウで覆われないようにするには、上と左を使用してポップアップの位置を制御し、互いに重ならないようにします。最後に、上記の 4 つのメソッドを使用して呼び出すことができます。
注: 2 つのウィンドウ (newwindows と newwindow2) の名前は同じであってはなりません。同じでない場合は、すべて空にする必要があります。わかりました？

[5. メインウィンドウでファイル 1.htm が開き、同時に小さなウィンドウ page.html が表示されます]

メインウィンドウに次のコードが追加されます

コードをコピー

コードは次のとおりです:

open。

[6. ポップアップウィンドウを閉じるタイミングの制御]

これで、ポップアップウィンドウを制御できるようになり、効果が向上します。ポップアップページに小さなコードを追加した場合 (メインページではなく、page.html の HTML に追加されることに注意してください。そうでない場合は...)、ポップアップページが自動的に閉じた方がクールではないでしょうか。 10秒？
まず、page.html ファイルの領域に次のコードを追加します:

コードをコピーします

コードは次のとおりです:

ウィンドウを開く
< input type="button" onclick="openwin()" value="ウィンドウを開く">

OpenWindow の document.write() のコードは単なる標準の HTML ではないでしょうか?フォーマットに従ってさらに行を書くだけです。ラベルが1つ多かったり減ったりするとエラーとなりますので注意してください。 OpenWindow.document.close() で終了することを忘れないでください。

[9. 究極のアプリケーション -- ポップアップウィンドウの Cookie 制御]

上記のポップアップウィンドウは素晴らしいですが、少し問題があることを思い出してください (喜びに浸っています。たとえば、頻繁に渡す必要があるページ (ホームページなど) に上記のスクリプトを配置すると、ページを更新するたびにウィンドウが表示されます。とても迷惑ではありませんか？ :-(解決策はありますか? はい! ;-) フォローしてください
それを制御するために Cookie を使用しているだけです。

まず、メインページ HTML の領域に次のコードを追加します:

コードをコピーします

コードは次のとおりです。