Чи є спосіб отримати URL-адресу без рядка запиту?

У мене є така URL-адреса http://localhost/dms/mduserSecurity/UIL/index.php?menu=true&submenu=true&pcode=1235.

Я хочу , щоб отримати URL без рядка запиту: http://localhost/dms/mduserSecurity/UIL/index.php.

Чи існує якийсь метод для цього в JavaScript? Наразі я використовую document.location.href, але він повертає повну URL-адресу.

Спробуйте це: window.location.href.split('?')[0]

Читайте про Window.locationта Locationінтерфейс:

var url = [location.protocol, '//', location.host, location.pathname].join('');

location.toString().replace(location.search, "")

var url = window.location.origin + window.location.pathname;

Якщо ви також хочете видалити хеш, спробуйте цей: window.location.href.split(/[?#]/)[0]

Спробуйте:

document.location.protocol + '//' +
document.location.host +
document.location.pathname;

(Примітка: .hostзамість того, .hostnameщоб порт також був включений, якщо потрібно)

Ось підхід із використанням інтерфейсу URL () :

new URL(location.pathname, location.href).href

просто виріжте рядок, використовуючи спліт (простий спосіб):

var myString = "http://localhost/dms/mduserSecurity/UIL/index.php?menu=true&submenu=true&pcode=1235"
var mySplitResult = myString.split("?");
alert(mySplitResult[0]);

Щоб отримати кожну частину URL-адреси, крім запиту:

var url = (location.origin).concat(location.pathname).concat(location.hash);

Зауважте, що сюди входить і хеш, якщо він є (я знаю, що у вашому прикладі URL немає хешу, але я включив цей аспект для повноти). Щоб усунути хеш, просто виключіть.concat(location.hash) .

Краще використовувати concatдля об'єднання рядків Javascript разом (а не +): у деяких ситуаціях це дозволяє уникнути проблем, таких як плутанина типу.

Використовуйте властивості window.location

var loc = window.location;
var withoutQuery = loc.hostname + loc.pathname;
var includingProtocol = loc.protocol + "//" + loc.hostname + loc.pathname;

Більше властивостей можна переглянути на веб-сторінці https://developer.mozilla.org/uk/DOM/window.location

Ось два способи:

<script type="text/javascript">
    var s="http://localhost/dms/mduserSecurity/UIL/index.php?menu=true&submenu
                                =true&pcode=1235";

    var st=s.substring(0, s.indexOf("?"));

    alert(st);

    alert(s.replace(/\?.*/,''));
</script>

Як щодо цього: location.href.slice(0, - ((location.search + location.hash).length))

Просто додайте ці два рядки до $ (document). Вже в JS так:

$(document).ready(function () {
 $("div.sidebar nav a").removeClass("active");
        $('nav a[href$="'+ window.location.pathname.split("?")[0] +'"]').addClass('active');
});

краще використовувати знак долара ($) (Закінчити з)

$('nav a[href$

замість (^) (Почніть з)

$('nav a[href^

тому що, якщо ви використовуєте знак (^) і вклали URL-адреси в навігаційне меню (наприклад, "/ рахунок" та "/ рахунок / ролі")

Він буде активним обом.

Якщо ви використовуєте краткове ядро ​​3.1, воно підтримує ігнорування випадків маршрут , тому попередній спосіб не корисний, якщо маршрутизація є малими літерами, а користувач записує маршрут великими літерами.

Отже, наступний код дуже корисний:

$(document).ready(function () {
    $("div.sidebar nav a").removeClass("active");
    var urlPath = window.location.pathname.split("?")[0];
    var nav = $('div.sidebar nav a').filter(function () {
        return $(this).attr('href').toLowerCase().indexOf(urlPath.toLocaleLowerCase()) > -1;
    });
    $(nav).each(function () {
        if ($(this).attr("href").toLowerCase() == urlPath.toLocaleLowerCase())
            $(this).addClass('active');
    });
});