Apakah Proses untuk Meluluskan Parameter URL kepada iframe dalam JavaScript?

HTML ' iframe 'elemen sepadan dengan dokumen luaran yang dibenamkan di dalam dokumen semasa. Tugas ini memerlukan ' URL ” daripada dokumen tambahan yang menyatakan lokasinya. Tanpa URL, elemen iframe yang ditambahkan pada halaman web akan memaparkan mesej ralat 'tiada halaman ditemui'. Oleh itu, ia adalah parameter wajib yang pengguna mesti tentukan semasa mencipta elemen 'iframe' untuk melaksanakan tugas yang ditetapkan (tambah dokumen luaran).

Sekiranya pengguna terlupa untuk menentukannya pada masa penciptaan iframe maka ia boleh ditambah secara dinamik selepas penciptaan menggunakan JavaScript.

Panduan ini menerangkan prosedur lengkap untuk menghantar parameter URL kepada iframe dalam JavaScript.

Apakah Proses untuk Meluluskan Parameter URL kepada iframe dalam JavaScript?

Untuk menghantar parameter URL kepada 'Iframe' ikut arahan langkah demi langkah yang diberikan.

Langkah 1: Cipta Kod HTML Elemen Iframe HTML

Pertama, buat elemen 'iframe' dalam kod HTML dengan bantuan ' </strong> ” tag:</p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="4"></ins><br /> <span class="sy0"> <</span> id iframe<span class="sy0"> =</span><span class="st0"> 'myIframe'</span> sempadan bingkai<span class="sy0"> =</span><span class="st0"> '1'</span><span class="sy0"> ></</span> iframe<span class="sy0"> ></span> <p> Di sini elemen HTML yang dicipta mempunyai id 'myIframe' dan digayakan menggunakan sifat 'frameborder' dengan nilai '1'.</p><hr> <br /> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4062866992167421" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4062866992167421" data-ad-slot="9858463164" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><br /> <hr> <h3> <strong> Langkah 2: Lulus Parameter URL ke Iframe Dibuat</strong> </h3> <p> Seterusnya, ikuti kod JavaScript yang dinyatakan di bawah untuk menghantar/menambah parameter URL pada elemen iframe yang dibuat:</p> <span class="sy0"> <</span> skrip<span class="sy0"> ></span> <br> <br> biarkan Iframe<span class="sy0"> =</span> dokumen.<span class="me1"> getElementById</span><span class="br0"> (</span><span class="st0"> 'myIframe'</span><span class="br0"> )</span><span class="sy0"> ;</span> <br> <br> biarkan <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+url"><span class="kw3"> URL</span></a> <span class="sy0"> =</span> <span class="st0"> 'onkeyup.html'</span><span class="sy0"> ;</span> <br> <br> biarkan lebar<span class="sy0"> =</span> <span class="st0"> '300'</span><span class="sy0"> ;</span> <br> <br> biarkan ketinggian<span class="sy0"> =</span> <span class="st0"> '500'</span><span class="sy0"> ;</span> <br> <br> biarkan geo<span class="sy0"> =</span> <span class="st0"> 'uk'</span><span class="sy0"> ;</span> <br> <br> biarkan passURL<span class="sy0"> =</span> <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+url"><span class="kw3"> URL</span></a> <span class="sy0"> +</span><span class="st0"> '?geo='</span><span class="sy0"> +</span> geo<span class="sy0"> +</span><span class="st0"> '&saiz='</span><span class="sy0"> +</span> lebar<span class="sy0"> +</span><span class="st0"> 'x'</span><span class="sy0"> +</span> ketinggian<span class="sy0"> ;</span> <br> <br> Iframe.<span class="me1"> src</span> <span class="sy0"> =</span> adsURL<span class="sy0"> ;</span> <br> <br> konsol.<span class="me1"> log</span><span class="br0"> (</span> passURL<span class="br0"> )</span><span class="sy0"> ;</span> <br> <br> <span class="sy0"> </</span> skrip<span class="sy0"> ></span> <p> Dalam baris kod di atas:</p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="5"></ins><br /> <ul> <li> Pembolehubah 'Iframe' pertama menggunakan ' <strong> document.getElementById()</strong> ” kaedah untuk mengakses elemen “iframe” yang dicipta menggunakan idnya “myIframe”.</li> <li> Yang kedua ' <strong> URL</strong> ” pembolehubah menentukan laluan dokumen yang dikehendaki yang pengguna ingin benamkan pada dokumen HTML semasa melalui iframe.</li> <li> Seterusnya, ' <strong> lebar</strong> ' pembolehubah mentakrifkan lebar elemen iframe yang dicipta dan ' <strong> ketinggian</strong> ” pembolehubah menentukan ketinggiannya.</li> <li> Selepas itu, pembolehubah 'geo' mentakrifkan domain URL iaitu 'uk (domain peringkat atas kod negara Internet (ccTLD))'.</li> <li> Sekarang, ' <strong> passURL</strong> ” pembolehubah menggabungkan nilai URL, geo, lebar dan pembolehubah ketinggian untuk membina URL.</li> <li> Seterusnya, hantar URL yang dibina kepada elemen iframe yang dibuat.</li> <li> Akhir sekali, ' <strong> console.log()</strong> ” kaedah memaparkan URL yang dibina.</li> </ul> <h3> <strong> Langkah 3: Sahkan Output</strong> </h3> <p> <img class="wp-image-358509" src="https://softoban.com/img/other/02/what-is-the-process-to-pass-url-parameters-to-an-iframe-in-javascript-1.gif"></p> <p> Ia boleh diperhatikan bahawa URL yang dibina bagi dokumen HTML telah berjaya dihantar ke elemen iframe yang dibuat.</p> <h2> <strong> Kesimpulan</strong> </h2> <p> Dalam JavaScript, untuk menghantar parameter URL kepada elemen iframe, pengguna perlu terlebih dahulu 'membuat elemen iframe sampel', dan kemudian 'membina URL' dengan menentukan 'laluan', 'lebar', 'tinggi' dan 'domain'nya sifat-sifat. Apabila URL dibina kemudian hantarkannya ke elemen iframe HTML yang dibuat. Panduan ini menerangkan secara praktikal prosedur lengkap untuk menghantar parameter URL kepada iframe dalam JavaScript.</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="/lain-lain/" class="tag-cloud-link">Lain-lain</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/">Pai Raspberi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Yang Lain</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Zum</a> </li><li> <a href="/cinnamon/">Kayu Manis</a> </li><li> <a href="/reviews/">Ulasan</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">Radio</a> </li><li> <a href="/minecraft/">Minecraft</a> </li><li> <a href="/ssh/">Ssh</a> </li><li> <a href="/openvas/">Bukaan Terbuka</a> </li><li> <a href="/compression/">Pemampatan</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Kapal Terbang</a> </li><li> <a href="/office-productivity-software/">Perisian Produktiviti Pejabat</a> </li><li> <a href="/boot/">But</a> </li><li> <a href="/system-calls/">Panggilan Sistem</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Rangkaian</a> </li><li> <a href="/gpu/">Gpu</a> </li><li> <a href="/gimp/">Curang</a> </li><li> <a href="/plex/">Plex</a> </li><li> <a href="/uefi/">Uefi</a> </li><li> <a href="/docker/">Tukang Dok</a> </li><li> <a href="/firewall/">Tembok Api</a> </li><li> <a href="/wireshark/">Wireshark</a> </li><li> <a href="/synology/">Sinologi</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Ethereum</a> </li><li> <a href="/parrot-os/">Os Parrot</a> </li><li> <a href="/sublime/">Luhur</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/">Gnome</a> </li><li> <a href="/manjaro/">Makanan Istimewa</a> </li><li> <a href="/mouse/">Tetikus</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Metasploit</a> </li><li> <a href="/torrent/">Arus Deras</a> </li><li> <a href="/tablet/">Tablet</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">Kerinting</a> </li><li> <a href="/kde/">Di Mana</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Fon</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Gambar</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Sotong</a> </li><li> <a href="/mate/">Jodoh</a> </li><li> <a href="/vlc-media-player/">Pemain Media Vlc</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">Bitcoin</a> </li><li> <a href="/keyboard/">Papan Kekunci</a> </li><li> <a href="/inkscape/">Pemandangan Dalam</a> </li><li> <a href="/encryption/">Penyulitan</a> </li><li> <a href="/fedora/">Fedora</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">Pengimbas</a> </li><li> <a href="/atom/">Atom</a> </li><li> <a href="/red-hat/">Topi Merah</a> </li><li> <a href="/teamviewer/">Teamviewer</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/">Buku Nota Jupyter</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/">Kejayaan</a> </li><li> <a href="/media-players/">Pemain Media</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Wap</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Kuasa</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">Meter Persegi</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Cengkaman</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Pengembaraan</a> </li><li> <a href="/audio/">Audio</a> </li><li> <a href="/cpu/">Cpu</a> </li><li> <a href="/tensorflow/">Aliran Tensor</a> </li><li> <a href="/autodesk/">Autodesk</a> </li><li> <a href="/lubuntu/">Pelincir</a> </li><li> <a href="/llvm/">Llvm</a> </li><li> <a href="/windows/">Tingkap</a> </li><li> <a href="/microsoft-edge/">Microsoft Edge (Warisan)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Pejabat</a> </li><li> <a href="/lain-lain/">Lain-lain</a> </li><li> <a href="/pai-raspberi/">Pai raspberi</a> </li><li> <a href="/kamera-web/">kamera web</a> </li><li> <a href="/pemain-media/">pemain media</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproxy/">haproxy</a> </li><li> <a href="/but/">but</a> </li><li> <a href="/agung/">agung</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/nextcloud/">nextcloud</a> </li><li> <a href="/kebajikan/">kebajikan</a> </li><li> <a href="/usb-laluan/">usb-laluan</a> </li><li> <a href="/secure-boot/">#secure-boot</a> </li><li> <a href="/laluan-peranti/">laluan-peranti</a> </li><li> <a href="/sdn/">SDN</a> </li><li> <a href="/pemasangan-pemandu/">pemasangan pemandu</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Jawatan Popular</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/76/what-is-the-difference-between-mariadb-and-mysql-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/apakah-perbezaan-antara-mariadb-dan-mysql">Apakah Perbezaan Antara MariaDB dan MySQL</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/5A/how-to-connect-to-mysql-server-using-mysql-and-mysql-shell-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-menyambung-ke-pelayan-mysql-menggunakan-mysql-dan-mysql-shell">Cara Menyambung ke Pelayan MySQL Menggunakan MySQL dan MySQL Shell</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/how-to-fix-the-discord-icon-not-showing-up-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-membetulkan-ikon-discord-tidak-menunjukkan">Cara Membetulkan Ikon Discord Tidak Menunjukkan</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/08/how-to-craft-a-golden-carrot-in-minecraft-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-membuat-lobak-emas-di-minecraft">Cara Membuat Lobak Emas di Minecraft</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/13/how-to-use-crypt-function-in-php-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-menggunakan-fungsi-crypt-dalam-php">Cara Menggunakan Fungsi crypt() dalam PHP</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/9B/how-can-i-use-wildcards-to-cp-a-group-of-files-with-aws-cli-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/bagaimana-saya-boleh-menggunakan-kad-liar-untuk-cp-kumpulan-fail-dengan-aws-cli">Bagaimana Saya Boleh Menggunakan Kad Liar untuk `cp` Kumpulan Fail Dengan AWS CLI</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/78/how-to-run-multiple-commands-in-the-same-cron-job-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-menjalankan-berbilang-perintah-dalam-pekerjaan-cron-yang-sama">Cara Menjalankan Berbilang Perintah dalam Pekerjaan Cron yang Sama</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/68/zsh-vim-mode-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/mod-vim-zsh">Mod Vim Zsh</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/54/pandas-lambda-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/pandas-lambda">Pandas Lambda</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/77/how-to-use-stripos-function-in-php-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-menggunakan-fungsi-stripos-dalam-php">Cara Menggunakan Fungsi stripos() dalam PHP</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/56/use-powershell-to-delete-a-user-profile-step-by-step-guide-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/gunakan-powershell-untuk-memadamkan-profil-pengguna-panduan-langkah-demi-langkah">Gunakan PowerShell untuk Memadamkan Profil Pengguna (Panduan Langkah demi Langkah)</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/25/how-do-i-change-the-icon-on-discord-app-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/bagaimanakah-saya-boleh-menukar-ikon-pada-apl-discord">Bagaimanakah saya boleh menukar Ikon pada Apl Discord?</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/D8/is-there-any-method-for-removing-undefined-values-from-array-in-javascript-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/adakah-terdapat-sebarang-kaedah-untuk-mengalih-keluar-nilai-tidak-ditentukan-daripada-array-dalam-javascript">Adakah Terdapat Sebarang Kaedah Untuk Mengalih Keluar Nilai 'tidak ditentukan' Daripada Array dalam JavaScript</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/06/how-to-create-secret-tls-in-kubernetes-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-mencipta-tls-rahsia-dalam-kubernetes">Cara Mencipta TLS Rahsia dalam Kubernetes</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/9A/how-to-mount-a-usb-thumb-drive-hdd-or-ssd-on-proxmox-ve-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-melekapkan-pemacu-ibu-jari-usb-hdd-atau-ssd-pada-proxmox-ve">Cara Melekapkan Pemacu Ibu Jari USB, HDD atau SSD pada Proxmox VE</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/83/what-is-aws-application-migration-service-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/apakah-perkhidmatan-migrasi-aplikasi-aws">Apakah Perkhidmatan Migrasi Aplikasi AWS?</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/0D/how-to-fix-lf-will-be-replaced-by-crlf-warning-in-git-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-membetulkan-lf-akan-digantikan-oleh-amaran-crlf-dalam-git">Cara Membetulkan LF Akan Digantikan oleh Amaran CRLF dalam Git</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/9E/how-to-get-started-with-aws-elastic-beanstalk-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/bagaimana-untuk-bermula-dengan-aws-elastic-beanstalk">Bagaimana untuk Bermula dengan AWS Elastic Beanstalk?</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/AF/how-to-make-an-enchanted-shield-for-ultimate-defense-in-minecraft-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-membuat-perisai-terpesona-untuk-pertahanan-tertinggi-dalam-minecraft">Cara Membuat Perisai Terpesona untuk Pertahanan Tertinggi dalam Minecraft</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/71/how-to-upload-simple-image-using-javascript-and-html-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-muat-naik-imej-mudah-menggunakan-javascript-dan-html">Cara Muat Naik Imej Mudah Menggunakan JavaScript dan HTML</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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>