Bagaimana cara menautkan satu halaman javascript ke yang lain?

Anda cukup menggunakan properti JavaScript window.location_ untuk membuat pengalihan halaman, Anda tidak memerlukan jQuery apa pun untuk ini. Jika Anda ingin mengalihkan pengguna dari satu halaman ke halaman lain secara otomatis, Anda dapat menggunakan sintaks window.location.replace("page_url")

Manfaatnya di sini adalah, metode replace() tidak menyimpan halaman asal dalam riwayat sesi, artinya pengguna tidak akan dapat menggunakan tombol kembali browser untuk menavigasi ke sana, yang mencegah pengguna dialihkan ke halaman tujuan satu kali

Buat file HTML kosong dan letakkan kode contoh berikut di dalamnya. Sekarang buka file ini di browser web, Anda akan secara otomatis diarahkan ke beranda situs web ini setelah 10 detik. Jika Anda perhatikan dengan seksama, Anda akan menemukan bahwa tombol kembali browser masih dinonaktifkan





JavaScript Automatic Page Redirect



    

Note: You will be redirected to the tutorialrepublic.com in 10 sec. You are not able to get back to this page by clicking the browser back button.

Namun, jika Anda ingin mengalihkan halaman saat terjadi peristiwa, seperti saat pengguna mengeklik elemen tombol, Anda cukup menggunakan window.location.href = "page_url", yang menghasilkan efek serupa saat seseorang mengeklik tautan untuk menavigasi ke halaman lain

Demikian pula, buat file HTML lain dan letakkan kode contoh berikut di dalamnya. Sekarang buka file di browser web dan klik tombol di halaman, itu akan mengarahkan Anda ke halaman beranda situs ini. Juga, saat ini Anda dapat melihat tombol kembali browser menjadi aktif

Anda dapat mengalihkan halaman web melalui JavaScript menggunakan sejumlah metode. Jika Anda menginginkan skrip pengalihan JavaScript yang kompatibel lintas-browser, lebih baik gunakan skrip berikut

contoh

Anda dapat menggunakan jendela. objek lokasi untuk memuat halaman lain dalam JavaScript

contoh

Perbedaan antara jendela. lokasi dan lokasi. href

  1. jendela. lokasi adalah objek yang menyimpan semua informasi tentang lokasi dokumen saat ini (host, href, port, protokol, dll. )
  2. lokasi. href adalah singkatan dari jendela. lokasi. href (Anda memanggil lokasi dari objek global - jendela, jadi ini jendela. lokasi. href), dan ini hanya string dengan URL lengkap dari situs web saat ini

Metode pengalihan JavaScript lainnya

Menetapkan URL baru ke jendela saat ini

Mengganti lokasi jendela saat ini dengan yang baru

Menetapkan lokasi jendela saat ini sendiri

Menetapkan lokasi jendela paling atas dari jendela saat ini

Untuk menyertakan file JavaScript eksternal, kita dapat menggunakan tag skrip dengan atribut src. Anda telah menggunakan atribut src_ saat menggunakan gambar. Nilai untuk atribut src harus berupa jalur ke file JavaScript Anda

_

Tag skrip ini harus disertakan di antara tag dalam dokumen HTML Anda

File JavaScript

File JavaScript bukan file HTML atau file CSS
  • Selalu akhiri dengan ekstensi js
  • Hanya sertakan JavaScript

Merupakan kebiasaan untuk meletakkan semua file JavaScript di folder bernama js di situs web, seperti itu

Bagaimana cara menautkan satu halaman javascript ke yang lain?

Demo Sederhana Menyertakan JavaScript

Berikut adalah demonstrasi yang sangat sederhana tentang cara memasukkan file JavaScript eksternal ke dalam halaman HTML

JavaScript Orang Lain

Untuk kelas ini Anda tidak diharapkan untuk menulis kode JavaScript yang sebenarnya. Beruntung bagi Anda, banyak orang telah menulis banyak JavaScript dan bahkan mengizinkan Anda untuk menggunakannya secara gratis

Kerangka JavaScript

Framework pada dasarnya adalah pustaka kode untuk bahasa tertentu. Umumnya, kerangka mengabstraksi tugas-tugas umum dan membuatnya lebih mudah dan lebih cepat bagi desainer dan pengembang untuk menulis kode khusus mereka. Kerangka tidak benar-benar melakukan apa pun sendiri, mereka hanya menyediakan platform yang lebih mudah bagi orang untuk membangunnya

Kerangka JavaScript Umum

Dari kerangka kerja ini, JQuery saat ini adalah yang paling populer. Itu juga yang paling Anda sukai untuk digunakan sebagai kata buzz

Ukuran File JavaScript

Banyak file JavaScript cenderung agak besar, yang dapat memperlambat waktu muat halaman Anda. Framework populer biasanya menawarkan versi "minified" dari kode mereka. Anda harus selalu menggunakan versi ini di halaman Anda karena akan memiliki ukuran file yang lebih kecil

Pada artikel ini, kita akan mengetahui cara mengalihkan halaman web ke halaman lain menggunakan Javascript, beserta pemahaman penerapannya melalui contoh

Ada beberapa metode untuk mengalihkan ke halaman web lain menggunakan JavaScript. Beberapa dari mereka terdaftar di bawah ini

  • lokasi. href. Ini digunakan untuk mengatur atau mengembalikan URL lengkap dari halaman saat ini
  • lokasi. mengganti(). Ini digunakan untuk mengganti dokumen saat ini dengan yang ditentukan
  • lokasi. menetapkan(). Ini digunakan untuk memuat dokumen baru

Sintaksis

location.href="URL"
      or
location.replace("URL")
      or
location.assign("URL")

Parameter. Itu menerima URL parameter tunggal yang diperlukan. Ini digunakan untuk menentukan referensi halaman web baru

Nilai Pengembalian. Tidak ada nilai balik

Contoh 1. Contoh ini menggambarkan penggunaan lokasi. properti href

HTML




<!DOCTYPE html>_

<html>

 

<body>

    <<!DOCTYPE html>1<!DOCTYPE html>2<!DOCTYPE html>1>

    <<!DOCTYPE html>7<!DOCTYPE html>8<!DOCTYPE html>9<0





JavaScript Automatic Page Redirect



    

Note: You will be redirected to the tutorialrepublic.com in 10 sec. You are not able to get back to this page by clicking the browser back button.

_9_______9<2<!DOCTYPE html>7>

 

    <<8 <9html0html1html2<8>

html_5

    html7

    <>0>

    ________12______3

>4>5

    >7

    >9>0>

________12______9body>

 

________12______9html>

Keluaran.  

Bagaimana cara menautkan satu halaman javascript ke yang lain?

lokasi. properti href

Contoh 2. Ini adalah contoh lokasi. mengganti() metode

HTML




<!DOCTYPE html>_

<html>

 

<body>

    <<!DOCTYPE html>1<!DOCTYPE html>2<!DOCTYPE html>1>

    <<!DOCTYPE html>7<!DOCTYPE html>8<!DOCTYPE html>9body8<!DOCTYPE html>9>0<!DOCTYPE html>7>

 

    <<8 <9html0html1html2<8>

html_5

    html7

    <>0>

    ________12______3

>4<!DOCTYPE html>03

    >7

    >9>0>

________12______9body>

 

________12______9html>

Keluaran

Bagaimana cara menautkan satu halaman javascript ke yang lain?

lokasi. mengganti

Contoh 3. Contoh ini menggunakan lokasi. menetapkan () metode

HTML




<!DOCTYPE html>_

<html>

 

<<!DOCTYPE html>23>

    <<!DOCTYPE html>27<!DOCTYPE html>28<!DOCTYPE html>27>

________12______9<!DOCTYPE html>23>

 

<body>

    <<!DOCTYPE html>40<!DOCTYPE html>41<!DOCTYPE html>40>

    <<!DOCTYPE html>1<!DOCTYPE html>28<!DOCTYPE html>1>

    <<8 <9html0<!DOCTYPE html>55<!DOCTYPE html>56<8>

html_5

    <!DOCTYPE html>_61

    <>0>

    <!DOCTYPE html>_67

>4<!DOCTYPE html>69

    >7

    >9>0>

________12______9body>

 

________12______9html>

Keluaran

Bagaimana cara menautkan satu halaman javascript ke yang lain?

lokasi. menetapkan

CATATAN. Output dari semua metode akan sama tetapi lokasinya. metode replace() menghapus URL dokumen saat ini dari riwayat dokumen. Jadi, ada baiknya menggunakan lokasi. metodeassign() jika Anda ingin opsi untuk menavigasi kembali ke dokumen asli.  

Bagaimana cara menautkan satu halaman ke halaman lain dalam JavaScript?

Ada beberapa metode untuk mengalihkan ke halaman web lain menggunakan JavaScript. .
href. Ini digunakan untuk mengatur atau mengembalikan URL lengkap dari halaman saat ini
mengganti(). Ini digunakan untuk mengganti dokumen saat ini dengan yang ditentukan
menetapkan(). Ini digunakan untuk memuat dokumen baru

Bagaimana cara menautkan ke halaman HTML lain dalam JavaScript?

We can use the

Bagaimana cara mengalihkan satu halaman ke halaman lainnya?

Pendekatan. Untuk mengalihkan dari halaman HTML ke halaman lain, Anda dapat menggunakan tag . Ini adalah pengalihan sisi klien, browser meminta server untuk menyediakan halaman lain.

Bagaimana cara mengarahkan ulang ke URL lain di JavaScript?

Ini berfungsi dengan cara yang sama seperti mengarahkan ulang ke URL apa pun dalam javascript. .
Pendekatan 1. Untuk mengarahkan ulang ke URL relatif dalam JavaScript, Anda dapat menggunakan window. lokasi. href = '/jalur'; . lokasi. href mengembalikan href (URL) dari halaman saat ini. .
Pendekatan 2. Untuk mengarahkan ulang ke url relatif yang dapat Anda gunakan. dokumen