Все, що я хочу, - це отримати URL-адресу веб-сайту. Не URL-адреса, взята з посилання. На завантаженні сторінки мені потрібно мати можливість захопити повну, поточну URL-адресу веб-сайту та встановити її як змінну, яку я можу робити, як мені подобається.
Відповіді:
Використання:
window.location.href Як зазначається в коментарях, рядок нижче працює, але вона помиляється для Firefox.
document.URL;Дивіться URL-адресу типу DOMString .
document.URLвластивість не оновлюється після window.locationвстановлення якоря (#) window.location.href. Тут я зібрав демо-версію: jsfiddle.net/PxgKy Я не перевіряв жодної іншої версії Firefox. У document.URLChrome 20 та IE9 проблем із використанням не виявлено.
window.location.hostіwindow.location.href.toString().split(window.location.host)[1]
document.baseURIпро що тоді. В основному є 3 способи отримати URL document.baseURI, document.URL, & location.
name="URL"цим властивістю буде затінено documentоб'єкт, і ваш код порушиться. У цьому випадку document.URLнатомість буде посилатися на вузол DOM. Краще використовувати властивості глобального об'єкта як у window.location.href.
Доступ до інформації про URL
JavaScript надає вам безліч методів пошуку та зміни поточної URL-адреси, яка відображається в адресному рядку браузера. Усі ці методи використовують Locationоб’єкт, який є властивістю Windowоб'єкта. Ви можете створити новий Locationоб’єкт із поточною URL-адресою:
var currentLocation = window.location;Основна структура URL-адреси
<protocol>//<hostname>:<port>/<pathname><search><hash>протокол: Вказує назву протоколу, що використовується для доступу до ресурсу в Інтернеті. (HTTP (без SSL) або HTTPS (із SSL))
ім'я хоста: ім'я хоста визначає хоста, якому належить ресурс. Наприклад, www.stackoverflow.com. Сервер надає послуги з використанням імені хоста.
port: номер порту, який використовується для розпізнавання певного процесу, до якого слід пересилати Інтернет або інше мережеве повідомлення, коли воно надходить на сервер.
ім'я шляху: шлях дає інформацію про конкретний ресурс у хості, до якого веб-клієнт хоче отримати доступ. Наприклад, /index.html.
пошук: рядок запиту слідує за компонентом шляху і надає рядок інформації, яку ресурс може використовувати для певної мети (наприклад, як параметри для пошуку або як дані, що підлягають обробці).
хеш: частина прив’язки URL, включає знак хеша (#).
За допомогою цих Locationвластивостей об’єкта ви можете отримати доступ до всіх цих компонентів URL-адреси та того, що вони можуть встановити або повернути:
Сподіваюся, ви отримали свою відповідь ..
window.location, але властивості, і тут ми маємо приклад : var stringPathName = window.location.pathname.
substring. Однак це може бути корисно, коли ви хочете використовувати для переадресації document.location = "/page.html";перенаправлення на кореневу сторінкуpage.html
search, але в списку описів нижче воно називається а query. Можливо, або вони можуть бути узгоджені, або додаткові пояснення можуть бути додані.
Використовувати window.locationдля доступу для читання та запису до об'єкта локації, пов'язаного з поточним кадром. Якщо ви просто хочете отримати адресу у вигляді рядка лише для читання, ви можете використовувати document.URL, яке має містити те саме значення, що і window.location.href.
Отримує URL-адресу поточної сторінки:
window.location.hrefdocument- корінь дерева документів, визначений специфікацією. windowяк правило, рівнозначний, але це може бути не в деяких дивних обставинах.
Добре, отримати повну URL -адресу поточної сторінки легко за допомогою чистого JavaScript. Наприклад, спробуйте цей код на цій сторінці:
window.location.href;
// use it in the console of this page will return
// http://stackoverflow.com/questions/1034621/get-current-url-in-web-browser"
window.location.hrefВластивість повертає URL поточної сторінки.
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>Тільки непогано згадати і про них:
якщо вам потрібен відносний шлях, просто використовуйте window.location.pathname;
якщо ви хочете отримати ім'я хоста, можете скористатися window.location.hostname;
а якщо вам потрібно дістати протокол окремо, скористайтеся window.location.protocol
hashтег, ви можете отримати його любить: window.location.hash.Тож window.location.hrefобробляє все відразу ... в основному:
window.location.protocol + '//' + window.location.hostname + window.location.pathname + window.location.hash === window.location.href;
//true
Також використання windowне потрібне, якщо вже в області вікон ...
Отже, у цьому випадку ви можете використовувати:
location.protocol
location.hostname
location.pathname
location.hash
location.href
Щоб отримати шлях, ви можете використовувати:
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Ви можете отримати поточне місцезнаходження URL за допомогою хеш-тегу , скориставшись:
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();
}Наведений вище код також може комусь допомогти
http://www.server.com/path/to/Script.php?option=A1B2C3якщо файлова система відрізняється від регістру (Linux / Unix), не потрібно, щоб Script.php і script.php були однаковими. І навіть якщо не враховує регістри (Windows, деякі Mac OS), ?option=A1B2C3це не те саме ?option=a1b2c3, чи навіть ?Option=A1B2C3. Тільки сервер нечутливий до регістру: www.server.com або www.SeRvEr.cOm однакові.
Додавання результату для швидкого ознайомлення
window.location;
Location {href: "/programming/1034621/get-the-current-url-with-javascript",
ancestorOrigins: DOMStringList,
origin: "https://stackoverflow.com",
replace: ƒ, assign: ƒ, …}документ.розташування
Location {href: "/programming/1034621/get-the-current-url-with-javascript",
ancestorOrigins: DOMStringList,
origin: "https://stackoverflow.com",
replace: ƒ, assign: ƒ
, …}window.location.pathname
"/questions/1034621/get-the-current-url-with-javascript"window.location.href
"/programming/1034621/get-the-current-url-with-javascript"location.hostname
"stackoverflow.com"Повна URL-адреса з рядками запиту:
document.location.toString().toLowerCase();Для URL-адреси хоста:
window.locationУ jstl ми можемо отримати доступ до поточного шляху URL за допомогою pageContext.request.contextPath. Якщо ви хочете зателефонувати в Ajax, скористайтеся наступною URL-адресою.
url = "${pageContext.request.contextPath}" + "/controller/path"Приклад: Для сторінки http://stackoverflow.com/posts/36577223це буде дано http://stackoverflow.com/controller/path.
Спосіб отримання поточного об’єкта місцезнаходження є window.location.
Порівняйте це з тим document.location, що спочатку повертав лише поточну URL-адресу у вигляді рядка. Ймовірно, щоб уникнути плутанини, document.locationйого замінили document.URL.
І всі сучасні браузери відображають document.locationна window.location.
Насправді для безпеки між браузерами слід скористатися, window.locationа не використовувати document.location.
Для тих, хто хоче фактичний об’єкт URL-адреси, можливо, для утиліти, яка приймає URL-адреси як аргумент:
const url = new URL(window.location.href)Відповідь Nikhil Agrawal чудова, просто додавши сюди невеликий приклад, який ви можете зробити в консолі, щоб побачити різні компоненти в дії:
Якщо ви хочете базувати URL-адресу без параметру шляху або запиту (наприклад, робити запити AJAX проти роботи як на серверах розробки / постановки, так і на виробництві), window.location.originнайкраще, оскільки вона зберігає протокол, а також необов'язковий порт (у розробці Django ви іноді мати нестандартний порт, який порушує його, якщо ви просто використовуєте ім'я хоста тощо)
Ви можете отримати повне посилання на поточну сторінку location.href
і, щоб отримати посилання поточного контролера, скористайтеся:
location.href.substring(0, location.href.lastIndexOf('/'));Отримання поточної URL-адреси за допомогою JavaScript:
window.location.toString ();
window.location.href
якщо ви посилаєтесь на певне посилання з ідентифікатором, цей код може вам допомогти.
$(".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+"");
}
});
});Тут я використовую ajax, щоб подати ідентифікатор і перенаправити сторінку за допомогою window.location.replace . просто додайте атрибут id=""як зазначено.
По-перше, перевірте, чи повністю завантажена сторінка
browser,window.location.toString();
window.location.hrefпотім викличте функцію, яка приймає URL, змінну URL та друкує на консолі,
$(window).load(function(){
var url = window.location.href.toString();
var URL = document.URL;
var wayThreeUsingJQuery = $(location).attr('href');
console.log(url);
console.log(URL);
console.log(wayThreeUsingJQuery );
});