Jak uzyskać wartość ciągu zapytania ze ścieżki skryptu?

Question

dodaję mój plik Javsacript na stronach z różnych ciągów zapytań w ścieżce skryptu jak ten:

Strona1:

<script type="text/javascript" src="file.js?abc=123"></script> 

stronie 2:

<script type="text/javascript" src="file.js?abc=456"></script> 

STR.3:

<script type="text/javascript" src="file.js?abc=789"></script> 

W moim pliku JavaScript, jak mogę uzyskać wartość " abc "param? Próbowałem do tego użyć window.location, ale to nie działa.

W przypadku pomaga, poniżej jest funkcją używam znaleźć wartość param ciąg kwerendy:

function getQuerystring(key, defaultValue) { 
    if (defaultValue == null) defaultValue = ""; 
    key = key.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]"); 
    var regex = new RegExp("[\\?&]" + key + "=([^&#]*)"); 
    var qs = regex.exec(window.location.href); 
    if (qs == null) 
     return defaultValue; 
    else 
     return qs[1]; 
} 

Answer 1

Jest to możliwe. Zobacz Passing JavaScript arguments via the src attribute. Punchline jest to, że ponieważ skrypty w HTML (nie XHTML) są wykonywane jako załadowany, pozwoli to skrypt, aby dowiedzieć się, jak to jest zawsze ostatni skrypt na stronie, gdy jest triggered-

var scripts = document.getElementsByTagName('script'); 
var index = scripts.length - 1; 
var myScript = scripts[index]; 
// myScript now contains our script object 
var queryString = myScript.src.replace(/^[^\?]+\??/,''); 

Wtedy po prostu zastosuj parsowanie ciągu zapytania.

Answer 2

pierwsze, odpowiedź technicznych: jeśli przypisać tag skryptu identyfikator, można następnie chwyć jego src, a następnie przeanalizuj ciąg zapytania.

<script id="whatever" type="text/javascript" src="file.js?abc=123"></script> 

 

var path = document.getElementById('whatever').src; 
// ... 

Mając to odpowiedział, Chciałbym wyrazić moje zaniepokojenie — to cuchnie złych decyzji projektowych. Dlaczego włączasz swój skrypt w ten sposób (za pomocą kwerendy)? Jeśli próbujesz zoptymalizować swoją witrynę (mając jeden duży skrypt, który można przechowywać w pamięci podręcznej dla kolejnych stron), to aplikacja jest w rzeczywistości nieproduktywna, ponieważ przeglądarki wykonają nowe żądanie dla pliku skryptu na każdej stronie ze względu na różniące się ciągi zapytania. Prawidłowym podejściem jest posiadanie jednego dużego pliku współdzielonego, a następnie małego pliku specyficznego dla strony na każdej stronie.