Pindah halaman dengan javascript

Pindah halaman dengan javascript

Mengalihkan halaman web atau bahasa inggris nya redirect page bisa dilakukan menggunakan javascript (clientside), yaitu dengan perintah berikut :

1

2

3

<script type="text/javascript">

window.location = "http://www.google.com";

<script>

Perintah diatas akan mengalihkan halaman (redirect) menuju ke situs google.com

Sekarang kita coba buat function dalam javascript untuk redirect page.

1

2

3

4

5

6

<script type="text/javascript">

function pindah(url)

{

window.location = url;

}

script>

Berikut ini contoh penggunaanya, buka notepad copy-paste kode berikut, lalu simpan sebagai coba.html

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

<html>

<head>

<title>Contoh Programtitle>

<script type="text/javascript">

function pindah(url)

{

window.location = url;

}

script>

head>

<body>

<input type="button" onclick="pindah('contact.html')" value="klik dong"
<
br/>

<input type="button" onclick="pindah('http://www.google.com')" value="klik lagi"

body>

html>

Kita juga bisa menambahkan timer menggunakan fungsi setInterval() seperti berikut ini :

1

2

3

4

5

6

7

<script type="text/javascript">

function pindah(url)

{

window.location = url;

}

setInterval("pindah('tes.html')",2000);

script>

Selamat mencoba

Post navigation

“The positive thinker sees the invisible, feels the intangible, and achieves the impossible.”

Published November 26, 2020 by RIT with 0 comment

Assalamualaikum warohmatullohi wabarokatuh,
Wa alaikum salam warohmatullohi wabarokatuh,

Pindah halaman dengan javascript

source logo : https://www.freepnglogos.com

pada post kali ini, langsung koding akan berbagi mengenai cara pindah halaman menggunakan kode javascript, misalnya serperti user sudah klik tombol simpan maka akan diarahkan ke halaman index, bagaimana kode yang akan digunakan di javascript berikut :

yang pertama menggunakan kode href pada javascript :

1

window.location.href = "www.langsungkoding.blogspot.com";

kode yang kedua bisa menggunakan kode replace pada javascript :

1

window.location.replace("www.langsungkoding.blogspot.com");

perbedaan href pada javascript dengan replace pada javascript yaitu pada kode replace untuk menghilangkan history pada halaman sebelumnya jadi misalkan saat user sedang melakukan insert data dengan menekan simpan dan program melakukan kan proses maka disaat proses telah dilakukan inilah peran replace berfungsi, yaitu dengan menghapus proses nya saat user menekan tombol back pada user, bisa saja dong user nya nakal hehehe dengan kembali ke halaman sebelumnya, contoh sederhana nya mengganti history browser saat ini dengan data history terbaru. jadi user tidak bisa kembali pada browser proses, atau halaman sebelumnya. sedangkan href pada javascript saat user menekan tombol kembali pada browser, browser akan mengembalikan halaman sebelumnya.

bisa juga di modifikasi seperti kode javascript dibawah ini :

1

2

3

4

5

6

7

8

"submit"  onclick="re_page('www.langsungkoding.blogspot.com')" >

"text/javascript">

    function re_page(url){

        window.location.replace(url);  

    }

Terima Kasih
Thank's

TAG TAGS :

CARA PINDAH HALAMAN PADA JAVASCRIPT | CARA PINDAH HALAMAN MENGGUNAKAN JAVASCRIPT | CARA PINDAH HALAMAN SETELAH PROSES SELESAI | PINDAH HALAMAN DENGAN JAVASCRIPT | CARA REDIRECT HALAMAN DENGAN JAVASCRIPT | CARA REDIRECT HALAMAN DI JAVASCRIPT | CARA REDIRECT HALAMAN DI | HOW TO REDIRECT PAGE IN JAVASCRIPT WITH OUT REFRESH | HOW TO REDIRECT PAGE IN JAVASCRIPT ON PAGE LOAD | HOW TO REDIRECT PAGE IN JAVASCRIPT WITH DATA | HOW TO REDIRECT SAME PAGE IN JAVASCRIPT | JAVASCRIPT | REDIRECT PAGE | REDIRECT HALAMAN | DENGAN JAVASCRIPT |

BACA JUGA :

  • C.R.U.D AJAX dengan php

SOURCE :