1。標準メソッド
次のようにコードコードをコピーします。
<script type = "text/javascript">
関数OpenWin（SRC、幅、高さ、showScroll）{
window.showmodaldialog（src、 ""、 "location：no; status：no; help：nogwidth："+width+"; dialogheight："+height+"; wscroll+"; ";"; "）;
}
</script>
例：<span style = "cursor：pointer" onclick = "openwin
（ '//www.vevb.com'、 '500px'、 '400px'、 'no'） "> click </span>
2。Firefoxは、それがサポートする構文をサポートしていないことに注意してください
window.open
（ 'OpenWin.html'、 'NewWin'、 'Modal = yes、width = 200、height = 200、resizable = no、scrollbars = no'）;
3.ブラウザを自動的に判断する方法
次のようにコードコードをコピーします。
<入力型= "ボタン"値= "ダイアログボックスを開く" onclick = "showdialog（ '＃'）"/>/>
<スクリプト言語= "javascript">
<！ -
関数showdialog（url）
{{
if（document.all）// ie
{{
feature = "dialogwidth：300px; dialogheight：200px; status：no; help：no";
window.showmodaldialog（url、null、feature）;
}
それ以外
{{
// modelessdialogは、モーダルをダイアログ= yesに置き換えることができます
feature = "width = 300、height = 200、menubar = no、toolbar = no、location = no" ;;;;;;;
feature+= "scrollbars = no、status = no、modal = yes";
window.open（url、null、feature）;
}
}
//->
</script>
4。IEでは、モーダルダイアログボックスはアドレスバーを非表示にしますが、他のブラウザは必ずしもそうではありません
[注] Googleブラウザーでは、このモーダルの効果も失敗します。
5.一般的に、ダイアログボックスがポップアップすると、父親のページ全体の背景が半透明の色になり、後でアクセスできないことがわかります。
ダイアログボックスを閉じた後、復元したいと考えています
これはどうでしたか？
次のようにコードコードをコピーします。
///モーダルダイアログボックスを介して特定の注文の詳細情報を表示すると、画面が色が変更されます
function showerderdetails（orderid）{
var url = "details.aspx？orderid =" + orderid;
// $（ "body"）。
//フィルター：アルファ（不透明= 50）
$（ "body"）。
showdetailsdialog（url、 "600px"、 "400px"、 "yes"）;
$（ "body"）。
}
さらに、スタイルテーブルの定義があります
.body1
{{
バックグラウンドカラー：＃999999;
フィルター：アルファ（不透明度= 40）;
}
次のようにコードコードをコピーします。
<％@ページ言語= "c＃" autoeeventwireup = "true" codebehind = "webform1.aspx.cs" ensulits = "webapplication1.webform1"％>
<
<html xmlns = "http://www.w3.org/1999/xhtml">
<head runat = "server">
<title> </title>
<style type = "text/css">
.body1 {{
バックグラウンドカラー：＃999999;
フィルター：アルファ（不透明度= 40）;
}
</style>
<スクリプトsrc = "jquery.js" type = "text/javascript"> </script>
<script type = "text/javascript">
関数showdetailsdialog（src、幅、高さ、showscroll）{{
window.showmodaldialog（src、 ""、 "location：no; status：no; help：nogwidth：" + width + "; dialogheight：" + height + "; scroll +"; "）;
}
function showerderdetails（orderid）{
var url = 'detachs.aspx =' + orderid;
$（ "body"）。
showdetailsdialog（url、 '500px'、 '400px'、 'no'）;
$（ "body"）。
}
</script>
</head>
<body>
<fund id = "form1" runat = "server">
<div>
<span style = "cursor：pointer" onclick = "showorderdetails（11）">クリック</span>
</div>
</form>
</body>
</html>