JavaScript Çorbası: Window Sınıfı

addEventListener metodu
Şöyle yaparız.

window.addEventListener("load", startup);
function startup() {
  document.getElementById("fnamelistbtn").addEventListener("click", test);
  
}

Aynı şeyi JQuery ile şöyle yaparız.

$(document).ready(function() {
  ...
});

alert metodu
alert Popup kutusunda sadece "OK" düğmesi bulunur.
Örnek ver

confirm metodu
confirm Popup kutusunda hem "OK" hem de "Cancel" düğmeleri bulunur.
Örnek
Şöyle yaparız.

confirm("You Entered ...");

innerwidth Alanı
Örnek
Şöyle yaparız.

jQuery(document).ready(function($) {
  const viewportWidth = window.innerWidth;
  if (viewportWidth < 640) {
    ...
  }
});

JQuery ile şöyle yaparız.

if ( $(window).width() > 739) 
{    
  //Add your javascript for large screens here 
}  
else 
{   
  //Add your javascript for small screens here 
}

localStorage metodu
Şöyle yaparız.

var response = window.localStorage.getItem('response');
// Clear storage
window.localStorage.clear();

onbeforeunload metodu
Eskiden şöyle yapardık

<script>
  window.onbeforeunload = modal;

  function modal() {
    return 'leaving';
  }
</script>

Açıklaması şöyle

In modern browsers, any action want to stop closing window is impossible.

some actions such as window.showModalDialog(), window.alert(), window.confirm(),window.prompt() are ignored in onunload or onbeforeunload event.

And, if u can do these actions, means you can make the browser can't be closed. it's dangerous for users

onload metodu
Bu metod yerine şöyle yapabiliriz.

<body onload="startTimer()">

Örnek
Şöyle yaparız.

window.onload = () => {...});

open metodu
Yeni bir pencere açmak için şöyle yaparız.

var minimal = '<!DOCTYPE HTML>\n' +
 '<html>\n' +
 '<head>\n' +
 '<meta charset="utf-8">\n' +
 '<title>Title Here</title>\n' +
 '</head>\n' +
 '<body>\n' +
 '</body>\n' +
 '</html>\n';

var win = window.open();
var doc = win.document;
doc.open('text/html', true);
doc.write(minimal);
doc.close();

status Alanı
string tipindendir. Açıklaması şöyle.

If you console.log(typeof status) you'll see it's a string. Why? The answer is that status is a special variable, window.status, which no longer has any effect on the window status bar but is nonetheless converted back to a string (presumably for display) when assigned a value.

Açıklaması şöyle.

For historical reasons, the status attribute on the Window object must, on getting, return the last string it was set to, and on setting, must set itself to the new value. When the Window object is created, the attribute must be set to the empty string. It does not do anything else.

JavaScript Çorbası

24 Haziran 2020 Çarşamba

Window Sınıfı

Hiç yorum yok:

Yorum Gönder