JavaScript Kullanarak Web Sayfasını Her 5 Saniyede Bir Otomatik Yenileme

JavaScript'te, belirli bir siteye girilen içeriğin doğru ve güncel olduğundan emin olmamız gereken durumlar vardır. Örneğin, uzun bir formu doldururken ve yeni değişiklikleri gözlemlerken veya bir web sitesini test etmek istediğinizde, bir web sayfasındaki en güncel içeriği görüntülemeniz gerekir. Bu gibi durumlarda, JavaScript kullanarak bir web sayfasını her 5 saniyede bir otomatik olarak yenilemek, bu tür durumlarla başa çıkmada çok yardımcı olur.

Bu makale, JavaScript kullanarak bir web sayfasını her 5 saniyede bir otomatik yenileme yöntemlerini tartışacaktır.

JavaScript Kullanarak Web Sayfasını Her 5 Saniyede Bir Otomatik Yenileme Nasıl Yapılır?

JavaScript kullanarak bir web sayfasını her 5 saniyede bir otomatik yenilemek için aşağıdaki yaklaşımlar kullanılabilir:

“ setAralık() ' ve ' Document.querySelector() yöntemler
“ yenileme() ' yöntem
“ setZaman aşımı() ' yöntem

Tartışılan yöntemleri tek tek gözden geçirin!

Yöntem 1: setInterval() ve document.querySelector() Yöntemlerini Kullanarak JavaScript'te Web Sayfasını Her 5 Saniyede Bir Otomatik Yenileyin

“ setAralık() ” yöntemi, belirli bir zaman aralığında bir işleve erişir ve “ Document.querySelector() ” yöntemi, bir CSS seçiciyle eşleşen ilk öğeyi alır. Bu yöntemler, belirli başlık etiketine erişmek ve bir zamanlayıcı yardımıyla zaman aralığını gerekli bir işlevselliğe ayarlamak için kombinasyon halinde kullanılabilir.

Sözdizimi

setAralık ( işlev, milisaniye, par1, par2 )

Yukarıdaki sözdiziminde, ' işlev ”, erişilmesi gereken işlevi ifade eder, “ milisaniye ” yürütülecek belirli zaman aralığıdır ve “ çift 1 ' ve ' par2 ” ek parametrelerdir.

belge. sorgu seçici ( CSS seçiciler )

Burada, ' CSS seçicileri ” bir veya birden fazla CSS seçicisini temsil eder.

Aşağıdaki örneği inceleyin.

Örnek

Önce, sırasıyla ve <h2> etiketlerinde bir başlık ve bir başlık belirtin:</p> <span class="sc2"> < <a href="http://december.com/html/4/element/title.html"><span class="kw2"> Başlık</span></a> ></span> Her 5 Saniyede Bir Sayfa Yenileme<span class="sc2"> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/title.html"><span class="kw2"> Başlık</span></a> ></span> <br> <span class="sc2"> < <a href="http://december.com/html/4/element/h2.html"><span class="kw2"> h2</span></a> <span class="kw3"> stil</span><span class="sy0"> =</span><span class="st0"> 'metin hizalama: sola'</span> ></span> Sayfayı Otomatik Yenile<span class="sc2"> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/h2.html"><span class="kw2"> h2</span></a> ></span> <p> Şimdi, bir zamanlayıcı değeri ayarlayın “ <strong> 1</strong> ”:</p> zamanlayıcıya izin ver<span class="sy0"> =</span> <span class="nu0"> 1</span><span class="sy0"> ;</span> <p> Bundan sonra, ' <strong> setAralık()</strong> ' ile ' yöntemi <strong> 1000ms</strong> ' değer. Bu, zamanlayıcıyı her saniye artıracaktır. Ayrıca, “ üzerinde görüntülemek için belirtilen başlığa erişin. <strong> Belge Nesne Modeli (DOM)</strong> ” ayarlanan zamanlayıcı değerinin sonunda.</p> <p> Son olarak, zamanlayıcının değerini “ artışla yineleyin. <strong> 1</strong> 'kullanarak' <strong> ++</strong> ” artış sonrası operatörü ve değer 5'i aşarsa, “ <strong> konum.yeniden yükle()</strong> ” yöntemi, pencerenin yeniden yüklenmesine neden olacaktır:</p> setAralık<span class="br0"> (</span><span class="br0"> (</span><span class="br0"> )</span> <span class="sy0"> =></span> <span class="br0"> {</span> <br> belge.<span class="me1"> sorgu seçici</span><span class="br0"> (</span><span class="st0"> 'h2'</span><span class="br0"> )</span> .<span class="me1"> iç metin</span><span class="sy0"> =</span> zamanlayıcı<span class="sy0"> ;</span> <br> zamanlayıcı<span class="sy0"> ++;</span> <br> <span class="kw1"> eğer</span><span class="br0"> (</span> zamanlayıcı<span class="sy0"> ></span><span class="nu0"> 5</span><span class="br0"> )</span> <br> yer.<span class="me1"> Tekrar yükle</span><span class="br0"> (</span><span class="br0"> )</span><span class="sy0"> ;</span> <br> <span class="br0"> }</span> ,<span class="nu0"> 1000</span><span class="br0"> )</span><span class="sy0"> ;</span> <p> Web sayfamızın her beş saniyede bir otomatik olarak yenilendiği görülmektedir:</p> <p> <img class="wp-image-238673" src="https://softoban.com/img/other/A8/how-to-auto-refresh-web-page-every-5-seconds-using-javascript-1.gif"></p> <h2 id="2"> <strong> Yöntem 2: Onload Olayını Kullanarak JavaScript'te Web Sayfasını Her 5 Saniyede Bir Otomatik Yenile</strong> </h2> <p> “ <strong> aşırı yük</strong> ” olayı, bir nesne yüklendiğinde tetiklenir. Bu teknik, web sayfası yüklendiğinde kullanıcı tanımlı bir fonksiyon yardımıyla sayfayı yenilemek için uygulanabilir.</p> <p> <strong> Sözdizimi</strong> </p> nesne.<span class="me1"> aşırı yük</span> <span class="sy0"> =</span> sayfayı yenile<span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> myScript<span class="br0"> }</span><span class="sy0"> ;</span> <p> Verilen sözdiziminde, “ <strong> işlev</strong> ” nesne yüklendiğinde çağrılması gereken işlevi ifade eder.</p> <p> Aşağıdaki örneğe bakın.</p> <h3> <strong> Örnek</strong> </h3> <p> İlk olarak, önceki yöntemde tartışıldığı gibi bir başlık ve başlık ekleyin:</p> <span class="sc2"> < <a href="http://december.com/html/4/element/title.html"><span class="kw2"> Başlık</span></a> ></span> Her 5 Saniyede Bir Sayfa Yenileme<span class="sc2"> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/title.html"><span class="kw2"> Başlık</span></a> ></span> <br> <span class="sc2"> < <a href="http://december.com/html/4/element/h2.html"><span class="kw2"> h2</span></a> ></span> Sayfayı Otomatik Yenile<span class="sc2"> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/h2.html"><span class="kw2"> h2</span></a> ></span> <p> Şimdi, ' <strong> aşırı yük</strong> ” olay ve işlevi çağırın” <strong> sayfayı yenile()</strong> ” ve geçmek” <strong> 5000</strong> ” beş saniyelik zaman aralığını belirten argüman olarak:</p> <span class="sy0"> <</span> vücut yükü<span class="sy0"> =</span> <span class="st0"> 'JavaScript:refreshPage(5000);'</span><span class="sy0"> ></span> <br> <br> <span class="sy0"> </</span> gövde<span class="sy0"> ></span> <p> Son olarak “adlı bir fonksiyon tanımlayın. <strong> sayfayı yenile()</strong> ' ile birlikte ' <strong> t</strong> ” web sayfasının otomatik olarak yenilenmesi için ayarlanan zamana atıfta bulunan bir argüman olarak. “ <strong> konum.yeniden yükle()</strong> ” yöntemi belirtilen süreden sonra sayfayı yeniden yükleyecektir:</p> işlev yenilemeSayfası<span class="br0"> (</span> t<span class="br0"> )</span><span class="br0"> {</span> <br> <br> setZaman aşımı<span class="br0"> (</span><span class="st0"> 'konum.yeniden yükle(doğru);'</span> , t<span class="br0"> )</span><span class="sy0"> ;</span> <br> <br> <span class="br0"> }</span> <p> <strong> Çıktı</strong> </p> <p> <img class="wp-image-238674" src="https://softoban.com/img/other/A8/how-to-auto-refresh-web-page-every-5-seconds-using-javascript-2.gif"></p> <h2 id="3"> <strong> Yöntem 3: SetTimeout() yöntemini kullanarak JavaScript'te Web Sayfasını Her 5 Saniyede Bir Otomatik Yenile</strong> </h2> <p> “ <strong> setZaman aşımı()</strong> ” yöntemi, belirli bir ayar süresinden sonra bir işlevi çağırır. Bu yöntem, belirli bir zaman aşımı süresinden sonra bir web sayfasını yeniden yüklemek için uygulanabilir.</p> <p> <strong> Sözdizimi</strong> </p> setZaman aşımı<span class="br0"> (</span> işlev, milisaniye, par1, par2<span class="br0"> )</span> <p> Verilen sözdiziminde, “ <strong> işlev</strong> ” erişilecek işlevi ifade eder, “ <strong> milisaniye</strong> ” yürütülecek belirli zaman aralığıdır ve “ <strong> çift 1</strong> ”, “ <strong> par2</strong> ” ek parametrelerdir.</p> <h3> <strong> Örnek</strong> </h3> <p> HTML sayfasının komut dosyası etiketinde “ <strong> setZaman aşımı()</strong> ” yöntemine göre 5 saniye geçtiğinde location.reload() yöntemi web sayfasını yeniden yükler:</p> <span class="sy0"> <</span> senaryo<span class="sy0"> ></span> <br> <br> setZaman aşımı<span class="br0"> (</span><span class="st0"> 'konum.yeniden yükle(doğru);'</span> ,<span class="nu0"> 5000</span><span class="br0"> )</span><span class="sy0"> ;</span> <br> <br> <span class="sy0"> </</span> senaryo<span class="sy0"> ></span> <p> <strong> Çıktı</strong> </p> <p> <img class="wp-image-238675" src="https://softoban.com/img/other/A8/how-to-auto-refresh-web-page-every-5-seconds-using-javascript-3.gif"></p> <p> JavaScript kullanarak bir web sayfasını her 5 saniyede bir otomatik olarak yenilemenin tüm uygun yöntemlerini tartıştık.</p> <h2> <strong> Çözüm</strong> </h2> <p> JavaScript kullanarak bir web sayfasını her 5 saniyede bir otomatik olarak yenilemek için “ <strong> setAralık()</strong> ' ve ' <strong> Document.querySelector()</strong> ” zamanlayıcı değerini ayarlama yöntemleri, “ <strong> yenileme()</strong> ” bir web sayfasını yenileme yöntemi veya “ <strong> setZaman aşımı()</strong> ” bir web sayfasının belirli bir zaman aşımı yenileme sınırını ayarlama yöntemi. Bu makale, JavaScript kullanarak bir web sayfasını her 5 saniyede bir otomatik yenileme yöntemlerini gösterdi.</p> </article> <div class="d-flex justify-content-center"> <script type="text/javascript">(function() { if (window.pluso)if (typeof window.pluso.start == "function") return; if (window.ifpluso==undefined) { window.ifpluso = 1; var d = document, s = d.createElement('script'), g = 'getElementsByTagName'; s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true; s.src = ('https:' == window.location.protocol ? 'https' : 'http') + '://share.pluso.ru/pluso-like.js'; var h=d[g]('body')[0]; h.appendChild(s); }})();</script> <div class="pluso" data-background="transparent" data-options="big,round,line,horizontal,nocounter,theme=06" data-services="facebook,twitter,email,print"></div> </div> <div class="tag-widget post-tag-container mb-5 mt-5"> <div class="tagcloud"> <a href="/baska/" class="tag-cloud-link">Başka</a> </div> </div> </div> </div> <div class="col-lg-4 sidebar ftco-animate bg-light pt-5"> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Kategori</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">Ahududu Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Başka</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Yakınlaştırma</a> </li><li> <a href="/cinnamon/">Tarçın</a> </li><li> <a href="/reviews/">Yorumlar</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">Radyo</a> </li><li> <a href="/minecraft/">Minecraft</a> </li><li> <a href="/ssh/">Ssh</a> </li><li> <a href="/openvas/">Açık Deniz</a> </li><li> <a href="/compression/">Sıkıştırma</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Hava Çatlağı</a> </li><li> <a href="/office-productivity-software/">Ofis Verimlilik Yazılımı</a> </li><li> <a href="/boot/">Bot</a> </li><li> <a href="/system-calls/">Sistem Çağrıları</a> </li><li> <a href="/sysctl/">Sistem</a> </li><li> <a href="/networking/">Ağ Oluşturma</a> </li><li> <a href="/gpu/">Gpu</a> </li><li> <a href="/gimp/">Gimp</a> </li><li> <a href="/plex/">Kat</a> </li><li> <a href="/uefi/">Uefi</a> </li><li> <a href="/docker/">Liman Işçisi</a> </li><li> <a href="/firewall/">Güvenlik Duvarı</a> </li><li> <a href="/wireshark/">Tel Köpekbalığı</a> </li><li> <a href="/synology/">Sinoloji</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Ethereum</a> </li><li> <a href="/parrot-os/">Papağan Işletim Sistemi</a> </li><li> <a href="/sublime/">Yüce</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hiper-V</a> </li><li> <a href="/phone/">Telefon</a> </li><li> <a href="/kodi/">Kod</a> </li><li> <a href="/gnome/">Cüce</a> </li><li> <a href="/manjaro/">Incelik</a> </li><li> <a href="/mouse/">Fare</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Metasploit</a> </li><li> <a href="/torrent/">Sel</a> </li><li> <a href="/tablet/">Tablet</a> </li><li> <a href="/pycharm/">Şeytan</a> </li><li> <a href="/curl/">Kıvrılmak</a> </li><li> <a href="/kde/">Nerede</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Yazı Tipleri</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Görüntüler</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Kalamar</a> </li><li> <a href="/mate/">Mat</a> </li><li> <a href="/vlc-media-player/">Vlc Medya Oynatıcı</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">Bitcoin</a> </li><li> <a href="/keyboard/">Tuş Takımı</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">Şifreleme</a> </li><li> <a href="/fedora/">Fötr Şapka</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">Tarayıcı</a> </li><li> <a href="/atom/">Atom</a> </li><li> <a href="/red-hat/">Kırmızı Şapka</a> </li><li> <a href="/teamviewer/">Takım Görüntüleyici</a> </li><li> <a href="/skype/">Skype</a> </li><li> <a href="/vpn/">Vpn</a> </li><li> <a href="/xfce/">Xfce</a> </li><li> <a href="/jupyter-notebook/">Jüpiter Defter</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">Blog</a> </li><li> <a href="/lvm/">Lvm</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">Medya Oynatıcılar</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Buhar</a> </li><li> <a href="/jenkins/">Jenkinler</a> </li><li> <a href="/power/">Güç</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">Metrekare</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Kavramak</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Yolculuk</a> </li><li> <a href="/audio/">Ses</a> </li><li> <a href="/cpu/">İşlemci</a> </li><li> <a href="/tensorflow/">Tensör Akışı</a> </li><li> <a href="/autodesk/">Otomatik Masa</a> </li><li> <a href="/lubuntu/">Lubuntu</a> </li><li> <a href="/llvm/">Llvm</a> </li><li> <a href="/windows/">Pencereler</a> </li><li> <a href="/microsoft-edge/">Microsoft Edge (Eski)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Ofis</a> </li><li> <a href="/baska/">Başka</a> </li><li> <a href="/ahududu-pi/">Ahududu Pi</a> </li><li> <a href="/web-kamerasi/">web kamerası</a> </li><li> <a href="/medya-oynaticilar/">medya oynatıcılar</a> </li><li> <a href="/diger/">Diğer</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproksi/">haproksi</a> </li><li> <a href="/cuce/">cüce</a> </li><li> <a href="/bot/">bot</a> </li><li> <a href="/yuce/">yüce</a> </li><li> <a href="/removal-guides/">Kaldırma Kılavuzları</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/sonraki-bulut/">sonraki bulut</a> </li><li> <a href="/erdem/">Erdem</a> </li><li> <a href="/usb-gecidi/">USB geçidi</a> </li><li> <a href="/fotr-sapka/">fötr şapka</a> </li><li> <a href="/guvenli-onyukleme/">#Güvenli Önyükleme</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Popüler Mesajlar</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/D1/how-to-access-and-understand-pc-specifications-on-windows-11-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/windows-11-de-pc-ozelliklerine-nasil-erisilir-ve-anlasilir">Windows 11'de PC Özelliklerine Nasıl Erişilir ve Anlaşılır?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/09/arduino-nano-comparison-with-arduino-uno-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/arduino-uno-ile-arduino-nano-karsilastirmasi">Arduino Uno ile Arduino Nano Karşılaştırması</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/10/how-to-combine-arrays-using-javascript-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/javascript-kullanarak-dizileri-birlestirme">JavaScript Kullanarak Dizileri Birleştirme</a> </h3> <div class="meta"> <div> <a href="/baska/"><span class="icon-chat"></span> Başka</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/1C/where-can-i-find-apex-legends-discord-server-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/apex-legends-discord-sunucusunu-nereden-bulabilirim">Apex Legends Discord Sunucusunu Nereden Bulabilirim?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/E2/arduino-timer-library-for-delaying-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/geciktirme-icin-arduino-zamanlayici-kitapligi">Geciktirme için Arduino Zamanlayıcı Kitaplığı</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/virtio/D6/how-to-create-a-windows-11-virtual-machine-on-proxmox-ve-8-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/proxmox-ve-8-de-windows-11-sanal-makinesi-nasil-olusturulur">Proxmox VE 8'de Windows 11 Sanal Makinesi Nasıl Oluşturulur</a> </h3> <div class="meta"> <div> <a href="/erdem/"><span class="icon-chat"></span> Erdem</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/43/pandas-display-all-columns-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/pandalar-tum-sutunlari-goruntule">Pandalar Tüm Sütunları Görüntüle</a> </h3> <div class="meta"> <div> <a href="/baska/"><span class="icon-chat"></span> Başka</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/DB/binary-to-decimal-conversion-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/c-da-ikili-sayidan-ondaliga-donusturme">C++'da İkili Sayıdan Ondalığa Dönüştürme</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/84/how-to-use-queryselectorall-method-in-javascript-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/javascript-te-queryselectorall-yontemi-nasil-kullanilir">JavaScript'te querySelectorAll() Yöntemi Nasıl Kullanılır?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/F1/get-the-current-directory-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/c-ta-gecerli-dizini-alin">C#'ta Geçerli Dizini Alın</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/67/how-to-use-onchange-event-in-javascript-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/javascript-te-onchange-olayi-nasil-kullanilir">JavaScript'te onchange Olayı Nasıl Kullanılır?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/EE/how-to-reinstall-firefox-on-linux-mint-21-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/linux-mint-21-de-firefox-nasil-yeniden-yuklenir">Linux Mint 21'de Firefox Nasıl Yeniden Yüklenir</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/D6/how-to-use-n-in-a-javascript-string-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/javascript-dizesinde-n-nasil-kullanilir">JavaScript Dizesinde \n Nasıl Kullanılır</a> </h3> <div class="meta"> <div> <a href="/baska/"><span class="icon-chat"></span> Başka</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/D6/top-5-best-voicemail-apps-for-android-in-2022-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/2022-de-android-icin-en-iyi-5-sesli-posta-uygulamasi">2022'de Android için En İyi 5 Sesli Posta Uygulaması</a> </h3> <div class="meta"> <div> <a href="/baska/"><span class="icon-chat"></span> Başka</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/E6/what-are-amazon-ec2-c5-instances-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/amazon-ec2-c5-bulut-sunuculari-nedir">Amazon EC2 C5 Bulut Sunucuları nedir?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/E2/writing-and-running-scripts-in-windows-powershell-ise-a-step-by-step-guide-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/windows-powershell-ise-de-komut-dosyalari-yazma-ve-calistirma-adim-adim-kilavuz">Windows PowerShell ISE'de Komut Dosyaları Yazma ve Çalıştırma: Adım Adım Kılavuz</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/B0/how-to-extract-data-from-text-files-with-powershell-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/powershell-ile-metin-dosyalarindan-veri-nasil-cikarilir">PowerShell ile Metin Dosyalarından Veri Nasıl Çıkarılır</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/D6/sql-over-clause-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/sql-over-maddesi">SQL OVER Maddesi</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/F7/how-to-find-raspberry-pi-memory-amount-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/raspberry-pi-bellek-miktari-nasil-bulunur">Raspberry Pi Bellek Miktarı Nasıl Bulunur?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/41/what-is-raspberry-pi-8211-complete-guide-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/raspberry-pi-nedir-eksiksiz-kilavuz">Raspberry Pi Nedir – Eksiksiz Kılavuz</a> </h3> <div class="meta"> <div> <a href="/baska/"><span class="icon-chat"></span> Başka</a> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div>  <div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div> <script src="https://softoban.com/template/js/jquery.min.js"></script> <script src="https://softoban.com/template/js/jquery-migrate-3.0.1.min.js"></script> <script src="https://softoban.com/template/js/popper.min.js"></script> <script src="https://softoban.com/template/js/bootstrap.min.js"></script> <script src="https://softoban.com/template/js/jquery.easing.1.3.js"></script> <script src="https://softoban.com/template/js/jquery.waypoints.min.js"></script> <script src="https://softoban.com/template/js/jquery.stellar.min.js"></script> <script src="https://softoban.com/template/js/owl.carousel.min.js"></script> <script src="https://softoban.com/template/js/jquery.magnific-popup.min.js"></script> <script src="https://softoban.com/template/js/aos.js"></script> <script src="https://softoban.com/template/js/jquery.animateNumber.min.js"></script> <script src="https://softoban.com/template/js/scrollax.min.js"></script> <script src="https://softoban.com/template/js/main.js"></script> <script async="" defer="" src="//www.instagram.com/embed.js"></script> <script async="" src="https://platform.twitter.com/widgets.js"></script> <script> window.onload = function(){ for(i in document.images) { if(document.images[i].naturalWidth==0){ if(window.location.pathname.length > 1){ document.images[i].style="display:none" } else { document.images[i].src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" } } } } $(document).ready(() => { $('nav').find('a').each(function(){ if($(this).attr('href') == window.location.pathname){ $(this).parent('li').addClass('active') } }) var wrapper = '<div class="embeded-video"></div>'; if($('iframe[width="560"]').length > 1){ $('.m_v').remove(); }else{ } $('iframe[src^="https://www.youtube.com/embed/"]').wrap(wrapper); let loc = window.location.pathname; if(loc == '/privacy-policy'){ $('div.embeded-video').remove(); $('blockquote').remove(); } }) </script> <script type="text/javascript" src="https://s.skimresources.com/js/192355X1670518.skimlinks.js"></script></body> </html>