ホームページ >ウェブフロントエンド >jsチュートリアル >Javascript チュートリアル: PopUp オブジェクトについて詳しく学ぶ

Javascript チュートリアル: PopUp オブジェクトについて詳しく学ぶ

黄舟
黄舟オリジナル
2016-12-15 10:53:032251ブラウズ

Javascript チュートリアル: PopUp オブジェクトの詳細な研究

会社からオフィス システムにプロンプ​​ト機能を追加するよう依頼され、私は長い間研究し、定期的にプロンプ​​トを表示するために window.open を使用する多くの方法を試しました。ポップアップウィンドウが複雑すぎるため、CreatePopup()メソッドを使用することを考えましたが、ここで問題が発生しました。これはオフィスシステムであるため、互換性を考慮する必要がありました。 Netscape ブラウザを考慮する代わりに、IE 5.0 と IE 5.5 の問題を考慮する必要があります。IE 5.0 は CreatePopup メソッドをサポートしていないため、プロンプト ボックスの 2 つの実装メソッドを作成しました。ヒント ボックスの効果は MSN プロンプトの効果と同じですが、IE 5.0 では、CreatePopup() の代わりに window.open が使用されます。

window.open の MSN プロンプト ボックスの効果は次のことができます。 IE 5.0 より前のバージョンでのみ表示されます。

ナンセンスではありません。Popup オブジェクトについて勉強しましょう。Popup オブジェクトは、任意のウィンドウの上に配置され、JavaScript によって制御されます。表示される位置を制御したり、コンテンツに書き込んだりすることもできます。 注: サイズが固定された後にコンテンツが表示範囲を超える場合、ユーザーが外側をクリックすると、スクロール バーは自動的に表示されません。

それを開くウィンドウにアクセスするには、parent 属性を使用します。

var Popupobj=window.createPopup()

ポップアップ ウィンドウを作成したドキュメント:

popupobj.property | method ([parameters])

2. プロパティ

document

popupobject.document

たとえば、この属性は Popup オブジェクトへのスクリプトを作成する唯一の方法です。 ,


popobj.document.body.style.border=”solid 1px #000000″ ポップアップウィンドウの一般的な境界線を設定できます。

isOpen

popupobject.isOpen

戻り値: Boolean

ポップアップウィンドウが表示されている場合, isOpen は True を返します、それ以外の場合は False です。

3. Method

hide()

popupobject.hide()

Prompt, if ポップアップウィンドウを閉じるボタンを追加したい場合は、次のようにすることができます。 : ポップアップウィンドウの名前がpopobjであると仮定し、parent.popobj.hide()を使用してそれ自体を閉じます


show(left,top,width, height[,positioningElementRef])

デフォルトのleftとtopは0です。 、モニターによって表示される領域の座標、幅と高さはウィンドウの幅と高さです。

上記は Javascript チュートリアルです: PopUp オブジェクトのコンテンツの詳細な学習、その他の関連記事をご覧ください。 PHP 中国語 Web サイト (www.php.cn) に注意してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。