ホームページ > ウェブフロントエンド > jsチュートリアル > jsポップアップウィンドウをfront_javascriptスキルで表示させる方法

jsポップアップウィンドウをfront_javascriptスキルで表示させる方法

WBOY
リリース: 2016-05-16 17:29:17
オリジナル
1288 人が閲覧しました

具体的な手順:

方法 1: ポップアップ ウィンドウにコードを追加します : onblur="self.focus()":



方法 2: showModalDialog メソッドを使用してモーダル ダイアログ ボックスを作成します。そのパラメータの説明を表 1.5.2 に示します。

モーダル ウィンドウを開きます


方法 3: showModelessDialog メソッドを使用して、モードレス ダイアログ ボックスを作成します。そのパラメーターはまさに次のとおりです。モーダルダイアログボックスと同じです。表 1.5.2 を参照してください。


モードレス ウィンドウを開く
注:

モーダル ダイアログ ボックスは常にフォーカスを維持します。ダイアログ ボックスを閉じない限り、ウィンドウを切り替えることはできません。 モードレス ダイアログ ボックスは常にフォーカスを維持するとは限りませんが、常に最前面に表示されます。
特記事項

この例は主にモーダル ダイアログ ボックスとモードレス ダイアログ ボックスの適用です。2 つのダイアログ ボックスの類似点と相違点に注意する必要があります。
表 1.5.2 showModalDialog メソッドのパラメータ一覧
パラメータ値の説明


sURL は必須です。弦。読み込んで表示するURLを指定します。
vArguments はオプションです。弦。ドキュメントを表示するときに使用する変数を指定します。このパラメータを使用すると、複数の値を含む配列など、あらゆる種類の値を渡すことができます。ダイアログ ボックスは、プログラムを呼び出すことによって、ウィンドウ オブジェクトの DialogArguments プロパティからこれらの値を抽出できます。 s機能はオプションです。弦。ダイアログボックスのウィンドウ装飾を指定します。以下の値を使用してください。複数のエントリはセミコロンで区切ります。
dialogHeight: sHeight は、ダイアログ ボックスの高さを設定します。
dialogLeft: sXPos は、デスクトップを基準としたダイアログ ボックスの左上隅の横座標を設定します。
dialogTop: sYPos は、デスクトップを基準としたダイアログ ボックスの左上隅の垂直座標を設定します。
dialogWidth: sWidth はダイアログ ボックスの幅を設定します。
center : はい | いいえ | 0 | ダイアログ ボックスをデスクトップの中央に表示するかどうかを指定します。デフォルト値は yes です。
dialogHide : はい | 0 | 印刷プレビュー時にダイアログ ボックスを非表示にするかどうかを指定します。このパラメータは、信頼できるプログラムによってダイアログ ボックスが開かれた場合にのみ使用できます。デフォルト値は no です。
edge : sunken raise は、ダイアログ ウィンドウの境界線のスタイルが沈んでいるか盛り上がっているかを指定します。デフォルト値は上げられます。
help : はい | いいえ | 0 | ダイアログ ボックスに状況依存のヘルプ アイコンを表示するかどうかを指定します。デフォルト値は yes です。
resizable : はい | いいえ | 0 | ダイアログ ボックスをユーザーがサイズ変更できるかどうかを指定します。デフォルト値は no です。
scroll : はい | いいえ 1 | 0 | ダイアログ ボックスにスクロール バーを表示するかどうかを指定します。デフォルト値は yes です。
status :<script><BR> function topwin(){<BR> window.showModalDialog(http://www.jb1.net,"","dialogWidth:300px;dialogHeight:300px;scroll:no;status:no")<BR> }<BR></script> はい | いいえ | 0 | ダイアログ ボックスにステータス バーを表示するかどうかを指定します。信頼できないダイアログ ボックスのデフォルト値は、yes です。信頼できるダイアログのデフォルト値は no です。 <script><BR> function topwin(){<BR> window.showModelessDialog("http://www.jb51.net","","dialogWidth:300px;dialogHeight:300px;scroll:no;status:no")<BR> }<BR></script>unadorned : はい | いいえ | 1 | 0 | オフ ダイアログ ボックスにクロム スタイルの境界線を表示するかどうかを指定します。このパラメータは、信頼できるプログラムによってダイアログ ボックスが開かれた場合にのみ使用できます。デフォルト値は no です。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート