Użyj zmiennej JS, aby ustawić atrybut src dla <script> tag

Chcę użyć zmiennej javascript jako atrybutu "src" dla innego znacznika w tym samym jsp.Użyj zmiennej JS, aby ustawić atrybut src dla <script> tag

<script> 
var link = mylink // the link is generated based on some code 
</script>

Chcę utworzyć nowy element, jak pokazano poniżej.

<script src="mylink"> 
</script>

Po przeszukaniu różnych forów, próbowałem użyć następujących opcji, ale nie wydają się działać. Chcę, żeby to coś działało we wszystkich głównych przeglądarkach.

Umieść ten kod w pierwszym elemencie.

var script = document.createElement("script"); 
script.type = "text/javascript"; 
script.src = "path/to/somelink"; 
document.body.appendChild(script);

Użyj metody zapisu dokumentu w pierwszym elemencie.

document.write("<script type='text/javascript' src="+ google.com + "><\/script>");

Próbowałem ustawić zmienną JSTL w pierwszym elemencie i użyć jej.
```
<c:set var="URL" value="mylink"/> 
```

Żaden z tych sposobów były udane. Wszelkie sugestie dotyczące tego, co dzieje się nie tak?

Źródło

2012-06-22 1985percy

Jest popularny skrypt ładuje narzędzie o nazwie require.js. Optymalizuje on ładowanie skryptów i zależności poprzez synchroniczne wywoływanie asynchroniczne. To może być interesujące. –

Jeśli masz odpowiedź, powinieneś zaakceptować jedno z rozwiązań. :) lub udziel odpowiedzi, która okazała się przydatna. – Mahesh

Używam czegoś podobnego do wyboru drugiego. W Twoim kodzie jest mały błąd, ponieważ "google.com" musi być otoczony cytatami.

Aby poprawić kompatybilność, można napisać go jako:

document.write("<script type='text/javascript' src='"+ x + "'><\/scr" + "ipt>");

w tej sytuacji, x byłby plików, które należy uwzględnić. można zdefiniować jako:

var x = "http://google.com/script.js";

LUB

var x = "path/to/script.js";

Źródło

2012-06-22 05:13:29 Gavy

Próbowałem w ten sposób z cytatami, ale to nie działa, nie można zobaczyć skryptu dodaje się w kodzie źródłowym. również, nie rozumiem, dlaczego mówisz, że musimy zrobić to jak ""><\/scr "+" ipt> "? jakiekolwiek znaczenie, dlaczego tutaj się łączymy? – 1985percy

Niektóre przeglądarki, szczególnie starsze wersje Internet Explorera, uważają, że jest to koniec tagu '

Spróbuj:

(function(d){ 
    var file = 'yourJS.js'; 
    var ref = d.getElementsByTagName('script')[0]; 
    var js = d.createElement('script'); 
    js.src = file; 
    ref.parentNode.insertBefore(js, ref); 
}(document));

Co to robi:

znaleźć pierwszy element skryptu na swojej stronie
Tworzy nowy element skryptu z dostarczonym źródłem.
Następnie wstawia ten nowy element przed pierwszym istniejącym elementem skryptu.

Źródło

2012-06-22 05:14:11 chaoskreator

Czy można korzystać z jQuery? Jeśli więc można użyć getScript():

http://api.jquery.com/jQuery.getScript/

$.getScript(mylink, function() { 
    // do something using the JS that was loaded. 
});

Źródło

2012-06-22 05:15:36 JonWarnerNet

Choć CDATA działa poprawnie, używając document.createElement jest również doskonałym wyborem .. Zwłaszcza jeśli zamierzają dołączyć jakąś wartość do adresu URL, powiedzmy do pamięci podręcznej krach ...

<script type="text/javascript"> 
    var JSLink = "/Folder/sub_folder/version.js?version=" + Math.random(); 
    var JSElement = document.createElement('script'); 
    JSElement.src = JSLink; 
    JSElement.onload = OnceLoaded; 
    document.getElementsByTagName('head')[0].appendChild(JSElement); 

    function OnceLoaded() { 
     // Once loaded.. load other JS or CSS or call objects of version.js 
    } 
</script>

Code dobrze .. :)

Źródło

2013-03-01 12:43:20 Mahesh

jak bout jeśli muszę załadować wiele plików js. czy istnieje określona składnia, czy też muszę zapętlić cały skrypt? dzięki !! – ChickenWing24

Zapętlaj cały skrypt. Każdy napisany kod w zasadzie to zrobi. Przepraszam za późną odpowiedź. – Mahesh

człowiek nie martwi się. dzięki! :RE – ChickenWing24

<xsl:variable name="Path" select="/root/folder/"></xsl:variable> <!-- Global path variable. --> 
<xsl:variable name="myScriptPath" select="concat($Path, 'myScript.js')"></xsl:variable> <!-- Relative script path variable. --> 
<script src="{$myScriptPath}"/> <!-- Attach script. -->

Źródło

2013-10-24 10:59:56 Zon

Powiązane problemy

Użyj zmiennej JS, aby ustawić atrybut src dla <script> tag

Odpowiedz

Powiązane problemy