Skąd wiadomo, czy plik javascript został już umieszczony na stronie najwyższego poziomu?

Question

Mam kontroli użytkownika (ascx), w tym formantu użytkownika Chcę użyć pliku .js.

Dołączam więc do niego.

Z drugiej strony, czasami używam tej kontroli użytkownika na stronie internetowej, że ten skrypt został już wcześniej załadowany.

Jak mogę utworzyć deklarację i uczynić ją aktualną tylko wtedy, gdy strona nie zawiera innego znacznika dla tego skryptu?

Answer 1

Jak używasz ASP.NET, warto zrobić wyboru po stronie serwera, jak to będzie gdzie możesz dodać odniesienie do pliku javascript. Z pliku .ascx można zarejestrować się, co następuje:

this.Page.ClientScript.RegisterClientScriptInclude("GlobalUnqiueKey", UrlOfJavascriptFile); 

... ze swojej strony po prostu zadzwonić przedmiotem clientScript bezpośrednio:

ClientScript.RegisterClientScriptInclude("GlobalUnqiueKey", UrlOfJavascriptFile); 

do „GlobalUniqueKey” może być dowolny ciąg znaków (I użyj również adresu URL pliku javascript)

Jeśli spróbujesz zarejestrować skrypt z tym samym ciągiem znaków, to nic nie zrobi. Więc jeśli zadzwonisz na tę stronę, kontrolę lub gdziekolwiek indziej, otrzymasz tylko jedno odniesienie na twojej stronie. Zaletą tego jest to, że możesz mieć wiele instancji kontrolki na stronie i mimo, że wszystkie starają się zarejestrować ten sam skrypt, jest to robione maksymalnie jednorazowo. I żaden z nich nie musi się martwić, że skrypt jest już zarejestrowany.

Istnieje metoda "IsClientScriptIncludeRegistered (stringkey)", której można użyć do sprawdzenia, czy skrypt został już zawarty w tym kluczu, ale wydaje się dość niepotrzebny, aby wykonać to sprawdzenie przed rejestracją, ponieważ wielokrotne próby rejestracji nie powodują wyjątków lub spowodować inne błędy.

Wykonanie sprawdzania po stronie klienta oznacza, że ​​zakładając, że wiele odwołań do javascript jest buforowanych przez przeglądarkę (mogą one nie być), nadal masz wiele znaczników, a nadmiar każdego z nich powoduje uruchomienie javascriptu. Jeśli masz 20 instancji kontroli na stronie, możesz napotkać poważne problemy.

Answer 2

użycie coś jak poniżej:

if(typeof myObjectOrFunctionDecalredInThisScript != 'undefined') { 
    // code goes here 
    var myObjectOrFunctionDecalredInThisScript = { }; 
} 

Te testy, jeśli obiekt lub funkcja już istnieje, a tym samym zapobiega ponowna.

Answer 3

Można zrobić jedną z dwóch rzeczy po stronie klienta ...

1. Sprawdź Dom na tagu skryptu odpowiadającego javascript złożyć chcesz sprawdzić
2. przetestować zmienną lub funkcjonować wiesz ma/zostanie zdefiniowany w pliku javascript dla niezdefiniowanych.

Oto krótki funkcja JS, który używa jQuery zrobić to, czego potrzebujesz:

function requireOnce(url) {  
    if (!$("script[src='" + url + "']").length) { 
     $('head').append("<script type='text/javascript' src='" + url + "'></script>"); 
    } 
} 

Answer 4

var storePath = []; 
function include(path){ 
if(!storePath[path]){ 
    storePath[path]= true; 
    var e = document.createElement("script"); 
    e.src = path; 
    e.type = "text/javascript"; 
    document.getElementsByTagName("head")[0].appendChild(e); 
    return false; 
} } 

wykorzystanie tego w głównym widoku i wywołanie funkcji obejmują z argumentem javascript nazwa pliku

Answer 5

Jak chcesz dołączyć JavaScript na jednej stronie tylko swojej stronie.
Jeśli używasz Asp.net (4.0), to jest bardzo proste.
Wystarczy zawierać następujący kod

<script type="text/javascript" scr="filepath and name here"></script> 

w ContentPlaceHolder strony treścią.

Answer 6

@Shimmy Natknę się na to po dłuższej chwili, ale może to może być przydatne lub przynajmniej pomóc innym przyjść od tyłu. Aby sprawdzić, czy jquery jest już załadowany, wykonaj tę czynność, aby nie przegapić znaku escape w znaczniku skryptu zamykającego w instrukcji document.write.

@mysomic, dlaczego o tym nie pomyślałem. kciuki w górę:

PS: Bardzo bym chciał napisać to tuż pod linią, w której @Shimmy napisał, że jQuery sam jest skryptem, który chce załadować. Ale nie wiem, jak to tam napisać. Nie widzę odpowiedzi lub podobnego linku. To może zabrzmieć głupio, ale może czegoś brakuje. Pls o tym wszystkim mówią?

Answer 7

Jeśli potrzebujesz go od strony serwera, a Page.ClientScript.RegisterClientScriptInclude nie będzie działać dla Ciebie w przypadku, gdy skrypt został dołączony w jakiś inny sposób niż Strona.ClientScript.RegisterClientScript (na przykład page.Header.Controls.Add (..), można użyć coś takiego:

static public void AddJsFileToHeadIfNotExists(Page page, string jsRelativePath) 
{ 
     foreach (Control ctrl in page.Header.Controls) 
     { 
      if (ctrl is HtmlLink) 
      { 
       if ((ctrl as HtmlLink).Href.ToLower().Contains(jsRelativePath.ToLower())) return; 
      } 
      if (ctrl is LiteralControl || ctrl is Literal) 
      { 
       if ((ctrl as ITextControl).Text.ToLower().Contains(jsRelativePath.ToLower())) return; 
      } 
      if (ctrl is HtmlControl) 
      { 
       if ((ctrl as HtmlControl).Attributes["src"] != null) 
        if ((ctrl as HtmlControl).Attributes["src"].ToLower().Contains(jsRelativePath.ToLower())) return; 
      } 
     } 

     HtmlGenericControl Include = new HtmlGenericControl("script"); 
     Include.Attributes.Add("type", "text/javascript"); 
     Include.Attributes.Add("src", page.ResolveUrl(jsRelativePath)); 
     page.Header.Controls.Add(Include); 
    }