code_javascript スキルを中心とした JavaScript ポップアップ ウィンドウ

<a href="javascript:void(openWin('http://www.baidu.com/',%20600,%20500));"> </a>テスト
[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります

]

JavaScript ポップアップ ウィンドウのコードを中央に配置

次に、画面の中央に配置されたポップアップ ウィンドウの 2 つの例を示します

コードをコピー

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

window.open() メソッド
function ShowDialog( url) {
var iWidth=300; //ウィンドウの幅
var iHeight=200; //ウィンドウの高さ
var iTop=(window.screen.height-iHeight)/2; >var iLeft =(window.screen.width-iWidth)/2;
window.open(url,"詳細","スクロールバー = いいえ、ツールバー = いいえ、場所 = いいえ、方向 = いいえ、サイズ変更可能 = いいえ、
幅=" iWidth " ,高さ=" iHeight ",top=" iTop ",left=" iLeft);
}

window.showModalDialog メソッド

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

function ShowDialog(url) {
var iWidth= 300; // ウィンドウの幅
var iHeight=200;// ウィンドウの高さ
var iTop=(window.screen.height-iHeight)/2;
var iLeft=(window.screen. width-iWidth )/2;
window.showModalDialog(url,window,"dialogHeight: " iHeight "px; ダイアログ幅: " iWidth "px;
dialogTop: " iTop "; ダイアログ左: " iLeft "; サイズ変更可能:いいえ; ステータス : いいえ;スクロール: いいえ");
}

ここの 2 番目のパラメータであるウィンドウ

に注意してください。

ユーザーは他のフォームにアクセスする前にこのポップアップ フォームに情報を入力する必要があります。これはモーダル フォームなので、2 番目の方法を使用してください。

JavaScript ポップアップ ウィンドウは中央に 4 つあります。 :

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

function selectCustomer (){
var iTop = (window.screen.availHeight-30-500)/2;
var iLeft = (window.screen.availWidth-10-750)/2; "../customer/creditApprManage.do?method=toGetCustomer",
"searchCorp",
"height=500,width=750,top=" iTop ",left=" iLeft ",toolbar=no, menubar=no, スクロールバー=auto,resizeable=no,location=no,status=no"
);
}

注: 500 と 750 はハードコードされているため、変更することができます。パラメータを通じて渡されます。