ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScriptポップアップウィンドウ window.openの使い方とパラメータ解説 解析_基礎知識
JavaScriptポップアップウィンドウ window.openの使い方とパラメータ解説 解析_基礎知識
- WBOYオリジナル
- 2016-05-16 18:39:581724ブラウズ
window.openの使い方とパラメータの説明
1. window.open()のサポート環境：
JavaScript1.0 /JScript1.0 /Nav2 /IE3 /Opera3
2,基本構文：
window.open(pageURL,name,parameters)
その内：
pageURLはサブウィンドウのパス
nameはサブウィンドウのハンドル
パラメータはウィンドウのパラメータです（各パラメータはカンマで区切られています）
3. パラメータ
ここで、yes/no には 1/0 のピクセル値を使用することもできます。
パラメータ |
alwaysLowered | 指定したウィンドウをすべてのウィンドウの後ろに隠すかどうか |親ウィンドウ
ディレクトリ | はい/いいえ | Nav2 および 3 のディレクトリ バーが表示されるかどうか | ウィンドウの高さ | 安全な終了ホットキーが設定されます。メニューバーなし
innerHeight | ウィンドウ内のドキュメントのピクセルの高さ
位置バー | ?
メニューバーは表示されますか?
装飾境界線のピクセル幅を設定します。 | ウィンドウのサイズを調整できるかどうか
スクリーンのピクセル値
スクロールバーの有無 |スクロールバーを付けることができます。
タイトルバー | はい/いいえ | ウィンドウのタイトルバーが表示されるかどうか。
ウィンドウのピクセル値 | 🎜> z-look | はい/いいえ | ウィンドウがアクティブ化された後、他のウィンドウの上に浮くかどうか
その謎を分析してみましょう。
[1. 最も基本的なポップアップ ウィンドウのコード]
実際、コードは非常に単純です:
[Ctrl A すべて選択 注:
外部 Js を導入する必要がある場合は、それを実行するために更新する必要があります
]
[Ctrl A すべて選択 注:
外部 Js を導入する必要がある場合は、
を実行するために更新する必要があります]
参数解释：
js脚本结束
【3、用函数控制弹出窗口】
下面是一个完整的代码。
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。
怎么调用呢？
方法一： 浏览器读页面时弹出窗口；
方法二： 浏览器离开页面时弹出窗口；
方法三：用一个连接调用：
打开一个窗口
注意：使用的“#”是虚连接。
方法四：用一个按钮调用：
【4、同时弹出2个窗口】
对源代码稍微改动一下：
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
为避免弹出的2个窗口覆盖，用top和left控制一下弹出的位置不要相互覆盖即可
。最后用上面说过的四种方法调用即可。
注意：2个窗口的name(newwindows和newwindow2)不要相同，或者干脆全部为空。
OK？
【5、主窗口打开文件1.htm，同时弹出小窗口page.html】
如下代码加入主窗口区：
加入区：
open即可。
【6、弹出的窗口之定时关闭控制】
下面我们再对弹出的窗口进行一些控制，效果就更好了。如果我们再将一小段代码加入弹出的页面(注意是加入到page.html的HTML中，可不是主页面中，否则...)，让它10秒后自动关闭是不是更酷了？
首先，将如下代码加入page.html文件的区：
然后，再用 这一句话代替page.html中原有的DY>这一句就可以了。(这一句话千万不要忘记写啊！这一句的作用是调用关闭窗口的代码，10秒钟后就自行关闭该窗口。)
【7、在弹出窗口中加上一个关闭按钮】
呵呵，现在更加完美了！
【8、内包含的弹出窗口-一个页面两个窗口】
上面的例子都包含两个窗口，一个是主窗口，另一个是弹出的小窗口。
通过下面的例子，你可以在一个页面内完成上面的效果。
1. window.open()のサポート環境：
JavaScript1.0 /JScript1.0 /Nav2 /IE3 /Opera3
2,基本構文：
window.open(pageURL,name,parameters)
その内：
pageURLはサブウィンドウのパス
nameはサブウィンドウのハンドル
パラメータはウィンドウのパラメータです（各パラメータはカンマで区切られています）
3. パラメータ
ここで、yes/no には 1/0 のピクセル値を使用することもできます。
パラメータ |
alwaysLowered | 指定したウィンドウをすべてのウィンドウの後ろに隠すかどうか |親ウィンドウ
ディレクトリ | はい/いいえ | Nav2 および 3 のディレクトリ バーが表示されるかどうか | ウィンドウの高さ | 安全な終了ホットキーが設定されます。メニューバーなし
innerHeight | ウィンドウ内のドキュメントのピクセルの高さ
位置バー | ?
メニューバーは表示されますか?
装飾境界線のピクセル幅を設定します。 | ウィンドウのサイズを調整できるかどうか
スクリーンのピクセル値
スクロールバーの有無 |スクロールバーを付けることができます。
タイトルバー | はい/いいえ | ウィンドウのタイトルバーが表示されるかどうか。
ウィンドウのピクセル値 | 🎜> z-look | はい/いいえ | ウィンドウがアクティブ化された後、他のウィンドウの上に浮くかどうか
その謎を分析してみましょう。
[1. 最も基本的なポップアップ ウィンドウのコード]
実際、コードは非常に単純です:
[Ctrl A すべて選択 注:
外部 Js を導入する必要がある場合は、それを実行するために更新する必要があります
]
これは JavaScript コードの一部であるため、 の間に配置する必要があります。 は、一部の古いブラウザでは有効であり、タグ内のコードはテキストとして表示されません。この良い習慣を身につけてください。 window.open ('page.html') は、新しいウィンドウ page.html のポップアップを制御するために使用されます。page.html
がメイン ウィンドウと同じパスにない場合、そのパスは次のとおりです。先頭に記述する場合は、絶対パス (http ://) と相対パス (.. /) の両方を使用できます。 一重引用符または二重引用符を使用できますが、混合しないでください。 このコードは、HTML の と の間、および の間のどこにでも追加できます。早いほど早く実行されます。特にページのコードが長い場合、ページをより早くポップアップさせたい場合は、できるだけ前に配置します。 【2.設定後のポップアップウィンドウ】 ポップアップウィンドウの設定について説明します。上記のコードにもう少し追加するだけです。
ページの特定の条件に合わせて、このポップアップ ウィンドウの外観、サイズ、ポップアップの位置をカスタマイズしましょう。 がメイン ウィンドウと同じパスにない場合、そのパスは次のとおりです。先頭に記述する場合は、絶対パス (http ://) と相対パス (.. /) の両方を使用できます。 一重引用符または二重引用符を使用できますが、混合しないでください。 このコードは、HTML の と の間、および の間のどこにでも追加できます。早いほど早く実行されます。特にページのコードが長い場合、ページをより早くポップアップさせたい場合は、できるだけ前に配置します。 【2.設定後のポップアップウィンドウ】 ポップアップウィンドウの設定について説明します。上記のコードにもう少し追加するだけです。
[Ctrl A すべて選択 注:
外部 Js を導入する必要がある場合は、
を実行するために更新する必要があります]
参数解释：
js脚本结束
【3、用函数控制弹出窗口】
下面是一个完整的代码。
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。
怎么调用呢？
方法一： 浏览器读页面时弹出窗口；
方法二： 浏览器离开页面时弹出窗口；
方法三：用一个连接调用：
打开一个窗口
注意：使用的“#”是虚连接。
方法四：用一个按钮调用：
【4、同时弹出2个窗口】
对源代码稍微改动一下：
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
为避免弹出的2个窗口覆盖，用top和left控制一下弹出的位置不要相互覆盖即可
。最后用上面说过的四种方法调用即可。
注意：2个窗口的name(newwindows和newwindow2)不要相同，或者干脆全部为空。
OK？
【5、主窗口打开文件1.htm，同时弹出小窗口page.html】
如下代码加入主窗口区：
加入区：
open即可。
【6、弹出的窗口之定时关闭控制】
下面我们再对弹出的窗口进行一些控制，效果就更好了。如果我们再将一小段代码加入弹出的页面(注意是加入到page.html的HTML中，可不是主页面中，否则...)，让它10秒后自动关闭是不是更酷了？
首先，将如下代码加入page.html文件的区：
然后，再用 这一句话代替page.html中原有的
【7、在弹出窗口中加上一个关闭按钮】
呵呵，现在更加完美了！
【8、内包含的弹出窗口-一个页面两个窗口】
上面的例子都包含两个窗口，一个是主窗口，另一个是弹出的小窗口。
通过下面的例子，你可以在一个页面内完成上面的效果。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。