Cara menggunakan WINDOWS.LOCATION pada JavaScript

Question

Dalam pemrograman web diperlukan sebuah fungsi untuk redirect ke halaman lain. Yang dimaksud redirect adalah mengalihkan suatu halaman web ke halaman yang lainnya. Fungsinya seperti ini nih, coba anda buka link ini http://h2.ripway.com/binttackxx/contohRedirect.html, apa yang terbuka? anda malah akan dibawa ke halaman http://blajar-komputer.blogspot.com/. Seperti itulah salah satu kegunaan dari fungsi redirect ini.

Langsung saja ke tutorial cara membuat halaman redirect ini:

Ada banyak cara untuk membuat suatu halaman menjadi teralihkan ke halaman lain. Kali ini saya ingin memberikan cara rediret menggunakan HTML, Javascript, dan juga PHP. Hasil dari halaman yang dibuat dengan PHP, HTML ataupun Javascript akan sama, hanya saja penulisan source codenya yang berbeda.

Oke, langsung saja yang pertama, berikut adalah cara redirect menggunakan HTML:

langsung saja tuliskan kode seperti itu dihalaman anda, peletakannya sebelum tag <body>. Angka 0 yang dimaksud pada source code tersebut adalah lamanya halaman tersebut dibuka, jika diisi 5 maka halaman tersebut baru teralihkan setelah 5 detik. dan http://blajar-komputer.blogspot.com/ adalah halaman tujuan.

Berikutnya adalah cara redirect menggunakan Javascript:

window.location.href="http://blajar-komputer.blogspot.com/"

Penggunaannya dapat disesuaikan dimanapun pada halaman web. Jika anda ingin halaman tersebut langsung teralihkan pasang saja pada tag body, contohnya:

<html>

</body>

</html>

Dan yang terakhir menggunakan kode PHP:

<?php

?>

Namun jika anda menggunakan script PHP ini anda tidak boleh meletakan kode html yang dapat menampilkan sesuatu pada browser. Untuk amannya anda letakan saja kode ini di baris pertama pada source code.

Adakalanya ketika membuat aplikasi berbasis web kita diharuskan mendirect halaman tertentu, misalnya pada saat selesai menyimpan data kita harus mendirect ke halaman berikutnya. Banyak cara yang dapat dilakukan untuk mendirect halaman web salah satunya yaitu dengan menggunakan javascript dengan menggunakan method Redirect dengan Javascript location assign(). Berikut contoh scriptnya:

<script>
window.location.assign("http://halaman yang dituju");
</script>

Pada pengembangan dengan menggunakan framework codeigniter kita dapat menggunakan fungsi base_url().

<script>
window.location.assign("<?php echo base_url();?>/halaman yang dituju");
</script>

View Discussion

Improve Article

Save Article

Read

Discuss

View Discussion

Improve Article

Save Article

Both location and location.href are used to set or return the complete URL of your current page. They return a string which contains the entire URL with the protocol.

Syntax:

location = "https://www.geeksforgeeks.org";

or

location.href = "https://www.geeksforgeeks.org";

Both are used to set the URL. Both are described as running JavaScript 1.0 in the backend in Netscape 2.0 and have been running in all browsers ever since. However, you have the liberty to prefer any one of the two according to your convenience but it is preferred to use location.href because location might not support older versions of Internet Explorer.

Commands like location.split(“#); cannot be used as location is an object but location.href can be used as it is a string.

Example: The following code demonstrates the DOM Location href property.

HTML

<!DOCTYPE html>

<html>

<head>

<style>

h2 {

color: green;

}

h2 {

font-family: Impact;

}

body {

text-align: center;

}

</style>

</head>

<body>

<h2>GeeksforGeeks</h2>

<h2>Setting location and location.href</h2>

<p>

Click on the button to go

to designated URL

</p>

<button ondblclick="myhref()">

Destination URL

</button>

<p id="href"></p>

<script>

function myhref() {

location.href =

}

</script>

</body>

</html>

Output:

Before Clicking the Button:

After Double Click on Button:

window.location.href mengembalikan lokasi halaman saat ini.

top.location.href (yang merupakan alias dari window.top.location.href) mengembalikan lokasi jendela paling atas dalam hierarki jendela. Jika sebuah jendela tidak memiliki orangtua, top adalah referensi untuk dirinya sendiri (dengan kata lain, window === window.top).

top berguna saat Anda berurusan dengan frame dan ketika berhadapan dengan windows yang telah dibuka oleh halaman lain. Misalnya, jika Anda memiliki halaman bernama test.html dengan skrip berikut:

var newWin=window.open('about:blank','test','width=100,height=100');
newWin.document.write('<script>alert(top.location.href);</script>');

Lansiran yang dihasilkan akan memiliki jalur lengkap untuk test.html - tidak tentang: kosong, yang akan dikembalikan window.location.href.

Untuk menjawab pertanyaan Anda tentang pengalihan, buka window.location.assign(url);

kode javascript

Cara menggunakan WINDOWS.LOCATION pada JavaScript

HTML

Pos Terkait

Periklanan

BERITA TERKINI

Toplist Popular

Periklanan

Terpopuler

Token Data

Periklanan

Tentang Kami

Legal

Dukungan

Social