มีวิธีใดในการรับ 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/en/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). ready ใน 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 ที่ซ้อนกันในเมนูนำทาง (เช่น "/ account" และ "/ account / role")

มันจะทำงานทั้งสองอย่าง

ถ้าคุณใช้ dot net core 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');
    });
});