Semua yang saya inginkan adalah untuk mendapatkan URL website. Bukan URL seperti diambil dari sebuah link. Pada halaman loading saya harus mampu meraih penuh, saat ini URL dari situs web anda dan mengaturnya sebagai variabel untuk melakukan dengan saya silakan.
URL Info Akses
JavaScript menyediakan anda dengan banyak metode untuk mengambil dan mengubah URL saat ini, yang ditampilkan dalam browser's address bar. Semua metode ini menggunakan Lokasi
objek, yang merupakan properti dari Jendela
objek. Anda dapat membuat yang baru Lokasi
benda yang memiliki arus URL sebagai berikut:
var currentLocation = window.location;
Dasar Struktur URL
<protocol>//<hostname>:<port>/<pathname><search><hash>
protokol: Menentukan nama protokol yang digunakan untuk mengakses sumber daya di Internet. (HTTP (tanpa SSL) atau HTTPS (SSL))
host: nama Host menentukan host yang memiliki sumber daya. Misalnya, www.stackoverflow.com
. Server menyediakan pelayanan yang menggunakan nama host.
port: nomor port yang digunakan untuk mengenali sebuah proses tertentu yang Internet atau jaringan lain pesan yang akan diteruskan ketika tiba di sebuah server.
pathname: jalan memberikan info tentang sumber daya tertentu dalam host yang satu Web client ingin mengakses. Misalnya, /index.html
.
pertanyaan: query string mengikuti jalur komponen, dan memberikan serangkaian informasi bahwa sumber daya dapat dimanfaatkan untuk beberapa tujuan (misalnya, sebagai parameter untuk pencarian atau sebagai data yang akan diolah).
hash: jangkar bagian dari URL, termasuk tanda hash (#).
Dengan ini Lokasi
objek properti yang anda bisa mengakses semua ini URL komponen dan apa yang mereka dapat mengatur atau kembali:
Saya harap anda sudah tahu jawabannya..
Gunakan jendela.lokasi
untuk membaca dan menulis akses ke lokasi objek terkait dengan frame saat ini. Jika anda hanya ingin mendapatkan alamat sebagai read-only string, anda dapat menggunakan dokumen.URL
, yang harus berisi nilai yang sama sebagai jendela.lokasi hotel ini.href
.
OK, mendapatkan URL lengkap dari halaman saat ini lebih mudah dengan menggunakan pure JavaScript. Misalnya, coba kode ini pada halaman ini:
window.location.href;
// use it in the console of this page will return
// http://stackoverflow.com/questions/1034621/get-current-url-in-web-browser"
jendela.lokasi hotel ini.href
properti kembali URL dari halaman saat ini.
document.getElementById("root").innerHTML = "The full URL of this page is:<br>" + window.location.href;
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript</h2>
<h3>The window.location.href</h3>
<p id="root"></p>
</body>
</html>
Tidak hanya buruk untuk menyebutkan ini juga:
jika anda membutuhkan path relatif, hanya menggunakan jendela.lokasi hotel ini.path
;
jika anda'd untuk mendapatkan nama host, anda dapat menggunakan jendela.lokasi hotel ini.hostname
;
dan jika anda perlu untuk mendapatkan protokol secara terpisah, menggunakan jendela.lokasi hotel ini.protokol
juga, jika halaman anda memiliki hash
tag, anda bisa mendapatkannya seperti: jendela.lokasi hotel ini.hash
.
Jadi jendela.lokasi hotel ini.href
menangani semua dalam sekali... pada dasarnya:
window.location.protocol + '//' + window.location.hostname + window.location.pathname + window.location.hash === window.location.href;
//true
Juga menggunakan jendela
tidak diperlukan jika sudah di jendela ruang lingkup...
Jadi, dalam hal ini, anda dapat menggunakan:
location.protocol
location.hostname
location.pathname
location.hash
location.href
Untuk mendapatkan path, anda dapat menggunakan:
console.log('document.location', document.location.href);
console.log('location.pathname', window.location.pathname); // Returns path only
console.log('location.href', window.location.href); // Returns full URL
Anda dapat mendapatkan URL saat ini lokasi dengan hash tag dengan menggunakan:
JavaScript:
// Using href
var URL = window.location.href;
// Using path
var URL = window.location.pathname;
jQuery:
$(location).attr('href');
var currentPageUrlIs = "";
if (typeof this.href != "undefined") {
currentPageUrlIs = this.href.toString().toLowerCase();
}else{
currentPageUrlIs = document.location.toString().toLowerCase();
}
Kode di atas juga dapat membantu seseorang
Menambahkan hasil untuk referensi cepat
window.lokasi;
Location {href: "https://stackoverflow.com/questions/1034621/get-the-current-url-with-javascript",
ancestorOrigins: DOMStringList,
origin: "https://stackoverflow.com",
replace: ƒ, assign: ƒ, …}
dokumen.lokasi
Location {href: "https://stackoverflow.com/questions/1034621/get-the-current-url-with-javascript",
ancestorOrigins: DOMStringList,
origin: "https://stackoverflow.com",
replace: ƒ, assign: ƒ
, …}
window.lokasi hotel ini.path
"/questions/1034621/get-the-current-url-with-javascript"
window.lokasi hotel ini.href
"https://stackoverflow.com/questions/1034621/get-the-current-url-with-javascript"
lokasi.hostname
"stackoverflow.com"
Di jstl kita dapat mengakses URL saat ini jalan menggunakan pageContext.permintaan.contextPath
. Jika anda ingin melakukan panggilan Ajax, gunakan URL berikut.
url = "${pageContext.request.contextPath}" + "/controller/path"
Contoh: Untuk halaman https://stackoverflow.com/posts/36577223
ini akan memberikan https://stackoverflow.com/controller/path
.
Cara untuk mendapatkan lokasi saat ini objek adalah jendela.lokasi
.
Bandingkan dengan dokumen.lokasi
, yang awalnya hanya kembali URL saat ini sebagai string. Mungkin untuk menghindari kebingungan, dokumen.lokasi
digantikan dengan dokumen.URL
.
Dan, semua browser modern peta dokumen.lokasi
untuk jendela.lokasi
.
Dalam kenyataannya, untuk cross-browser keselamatan, anda harus menggunakan jendela.lokasi
daripada dokumen.lokasi
.
Mulai saat ini dengan URL JavaScript :
jendela.lokasi hotel ini.toString();
jendela.lokasi hotel ini.href
jika anda merujuk ke link tertentu yang memiliki id kode ini dapat membantu anda.
$(".disapprove").click(function(){
var id = $(this).attr("id");
$.ajax({
url: "<?php echo base_url('index.php/sample/page/"+id+"')?>",
type: "post",
success:function()
{
alert("The Request has been Disapproved");
window.location.replace("http://localhost/sample/page/"+id+"");
}
});
});
Saya menggunakan ajax di sini untuk mengirimkan id dan redirect halaman dengan menggunakan jendela.lokasi hotel ini.ganti. hanya menambahkan atribut id=""
seperti yang dinyatakan.