HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLDOMdefaultViewプロパティ

HTML DOM defaultViewプロパティは、ウィンドウで開かれている現在のドキュメントに関連付けられているウィンドウオブジェクトを返すために使用されます。

構文

以下は構文です-

document.defaultView

例

HTMLDOMdefaultViewプロパティの例を見てみましょう-

<!DOCTYPE html>
<html>
<body>
<h2>defaultView Property example</h2>
<p>Click the below button to get information about the window</p>
<button onclick="winInfo()">Window Info</button>
<p id="Sample"></p>
<script>
   function winInfo() {
      var win = document.defaultView;
      var top = win.screenTop;
      var left = win.screenLeft;
      var name = win.name;
      document.getElementById("Sample").innerHTML = "Distance from screen top: " + top + "<br> Distance from screen left: "+left+"<br> Window name: "+name;
   }
</script>
</body>
</html>

出力

これにより、次の出力が生成されます-

HTMLDOMdefaultViewプロパティ

ウィンドウ情報ボタンをクリックすると-

HTMLDOMdefaultViewプロパティ

上記の例では-

最初に、ユーザーがクリックしたときにwinInfo（）関数を実行するボタン「ウィンドウ情報」を作成しました-

<button>Window Info</button>

winInfo（）関数は、ドキュメントのdefaultViewプロパティを使用してドキュメントのウィンドウオブジェクトを取得し、それを変数winに割り当てます。次に、ウィンドウオブジェクトのscreenTop、screenLeft、およびnameプロパティ値を取得し、それぞれ変数top、left、およびnameに割り当てます。

screenLeftとscreenTopは、それぞれ画面の上部と左側からのブラウザウィンドウの距離を表示します。 nameプロパティは、nullになる可能性のあるウィンドウの名前を返します-

function winInfo() {
   var win = document.defaultView;
   var top = win.screenTop;
   var left = win.screenLeft;
   var name = win.name;
   document.getElementById("Sample").innerHTML = "Distance from screen top: " + top + "<br> Distance from screen left: "+left+"<br> Window name: "+name;
}

  1. HTMLDOMウィンドウのframeElementプロパティ

    HTML DOMウィンドウのframeElementプロパティは、、、などの埋め込みウィンドウに対応するHTML要素を返します。 構文 以下は構文です- ウィンドウ埋め込み要素を返す window.frameElement 例 HTMLDOMウィンドウのframeElementプロパティの例を見てみましょう- <!DOCTYPE html> <html> <head> <title>HTML DOM Window frameElement</title> <style>    * {  

  2. HTMLDOMウィンドウの閉じたプロパティ

    HTML DOMウィンドウのclosedプロパティは、ウィンドウが閉じているかどうかに対応するブール値を返します。 構文 以下は構文です- ブール値を返す window.closed 例 HTMLDOMウィンドウの閉じたプロパティの例を見てみましょう- <!DOCTYPE html> <html> <head> <title>HTML DOM Window closed</title> <style>    * {       padding: 2px;