Cara memanggil fungsi javascript saat memuat ulang halaman

Suatu fungsi dapat dijalankan ketika halaman berhasil dimuat. Ini dapat digunakan untuk berbagai tujuan seperti memeriksa cookie atau mengatur versi halaman yang benar tergantung pada browser pengguna

Table of Contents Show

Bagaimana cara memanggil fungsi pada pemuatan ulang halaman di JavaScript?
Bagaimana cara memanggil fungsi sebelum memuat ulang dalam JavaScript?
Bagaimana cara menyimpan nilai setelah memuat ulang halaman dalam JavaScript?
Bagaimana cara memuat ulang JavaScript tanpa memuat ulang halaman?

Metode 1. Menggunakan metode onload. Tubuh halaman web berisi konten aktual yang akan ditampilkan. Acara onload terjadi setiap kali elemen selesai dimuat. Ini dapat digunakan dengan elemen body untuk mengeksekusi skrip setelah halaman web dimuat sepenuhnya. Fungsi yang harus dijalankan diberikan di sini

Sintaksis

<body onload="functionToBeExecuted">

Contoh

<!DOCTYPE html>_

<html>

<head>

<<!DOCTYPE html>_1>

<!DOCTYPE html>_3<!DOCTYPE html>4

<!DOCTYPE html>_3<!DOCTYPE html>6

<!DOCTYPE html>8<!DOCTYPE html>1>

<!DOCTYPE html>8head>

<<6 <7<8<9>

html1

<html4 html5<8html7html8html4>

html1

<>_4>

<!DOCTYPE html>_3<!DOCTYPE html>4

<!DOCTYPE html>_3<!DOCTYPE html>6

<!DOCTYPE html>8>4>

html1

< _7>

<!DOCTYPE html>3<0

<!DOCTYPE html>_3<2

<!DOCTYPE html>8 7>

<!DOCTYPE html>8<6>

<!DOCTYPE html>8html>

Keluaran

Keluaran Konsol

Metode 2. Objek jendela mewakili jendela browser. Properti onload memproses peristiwa pemuatan setelah elemen selesai dimuat. Ini digunakan dengan elemen jendela untuk mengeksekusi skrip setelah halaman web dimuat sepenuhnya. Fungsi yang harus dijalankan ditugaskan sebagai fungsi penangan ke properti ini. Ini akan menjalankan fungsi segera setelah halaman web dimuat

Sintaksis

head4head5 head6

head9

>_0

Contoh

<!DOCTYPE html>_

<html>

<head>

<<!DOCTYPE html>_1>

<!DOCTYPE html>_3<!DOCTYPE html>4

<!DOCTYPE html>3 6

<!DOCTYPE html>8<!DOCTYPE html>1>

<!DOCTYPE html>8head>

<<6>

<html4 html5<8html7>

<!DOCTYPE html>_3<!DOCTYPE html>16

<!DOCTYPE html>8html4>

html1

<>_4>

<!DOCTYPE html>_3<!DOCTYPE html>4

<!DOCTYPE html>_3<!DOCTYPE html>29

<!DOCTYPE html>8>4>

html1

< _7>

<!DOCTYPE html>3<0

<!DOCTYPE html>_3<2

<!DOCTYPE html>8 7>

html1

<<!DOCTYPE html>_50>

<!DOCTYPE html>_3<!DOCTYPE html>53

<!DOCTYPE html>_54<!DOCTYPE html>55

<!DOCTYPE html>_3>0

<!DOCTYPE html>8<!DOCTYPE html>50>

<!DOCTYPE html>8<6>

<!DOCTYPE html>8html>

Keluaran

Keluaran Konsol

JavaScript terkenal untuk pengembangan halaman web tetapi juga digunakan di berbagai lingkungan non-browser. Anda dapat mempelajari JavaScript dari awal dengan mengikuti Tutorial JavaScript dan Contoh JavaScript ini

Bagaimana cara memanggil fungsi pada pemuatan ulang halaman di JavaScript?

Anda perlu memanggil myFunction() saat halaman dimuat. jendela. onload = myFunction; Jika Anda hanya ingin menjalankannya saat halaman dimuat ulang, bukan saat dimuat pertama kali, Anda dapat menggunakan sessionStorage untuk meneruskan .

Bagaimana cara memanggil fungsi sebelum memuat ulang dalam JavaScript?

Pengguna dapat mengklik tombol segarkan, tekan F5 atau Ctrl + R .

Bagaimana cara menyimpan nilai setelah memuat ulang halaman dalam JavaScript?

Cara termudah untuk memuat ulang halaman saat ini tanpa kehilangan data formulir apa pun di Javascript adalah dengan menggunakan localStorage . JavaScript adalah salah satu bahasa pemrograman yang banyak digunakan oleh para developer. Itu menambahkan fungsionalitas dinamis ke halaman web statis dan membantu pengembang membuat halaman web interaktif.