ホームページ > ウェブフロントエンド > jsチュートリアル > Js でボックスをポップアップし、value_javascript を返す 2 つの一般的な方法

Js でボックスをポップアップし、value_javascript を返す 2 つの一般的な方法

WBOY
リリース: 2016-05-16 18:12:57
オリジナル
1420 人が閲覧しました
1.window.showModalDialog(url,args,dialogattrs)
パラメータの説明:
url: ポップアップ ページのアドレス
agrs: メイン ウィンドウからダイアログ ボックスに渡されるパラメータ、任意のタイプを指定できます (配列も使用できます)
dialogattrs: ポップアップ ウィンドウのスタイル パラメーター
モーダル ダイアログの使用法:
メイン ウィンドウ: var value =window.showModalDialog('test.jsp', strs,'resizable:yes') ;
ポップアップ ボックスの window.returnValue で戻り値を設定します。その後、
値をメイン ウィンドウで処理できます。対話型処理
注: モーダル ダイアログ ボックスの用途は、単純な文字または配列を返す戻り値にあります。モードレス ダイアログ ボックスは
2 に似ています。 window.open:
[親ウィンドウ]
コードをコピー コードは次のとおりです:

<script> <br>function show_child() <br>{ <br>var child=window .open("child.html","child","height=200,width=400,status) =はい、ツールバー=いいえ、メニューバー=いいえ、場所=いいえ"); <br>/* if(!child.closed) <br>{ <br>if(!window .close()) <br>{ <br>var textValue = frm.txt.value = textValue; <br>} <br>else <br>{ <br>window .close(); ; <br>} <br>}*/ <br>} <br></script>
子ウィンドウを開く >

//ここに ID 属性を記述する必要があります。そうしないと値を取得できません。 FF
< /form>


[サブウィンドウ]


コードをコピーします
<script> <div class="codebody" id="code60790">function selectedItem() <br>{ <br>var v=""; <br>var check_item = document.frm.item; >for(i=0;i&lt ;check_item.length;i ) <br>{ <br>if(check_item[i].checked) <br>{ <br>v ="," check_item[i].value; <br>} <br>ドキュメント .frm.txt.value=v.replace(/^,{1}/,""); <br>} <br>} <br>関数 foo() <br>{ <br>ウィンドウ .close() ; <br>ウィンドウ .opener.document.getElementById("txt0").value=document.getElementById("txt").value <br>} <br></script> 🎜>

a
b
c
d

🎜>



概要: 通常、windows.open が使用されます。多くのカスタマイズがあるため、上記の Web ページ エディタの多くは showModalDialog を使用することを好みますが、どれを使用すればよいかわからない場合は、多くの成熟した CMS システムが window.open を使用します。開ける。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のおすすめ
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート