javascript - sirve - Use la variable JS para establecer el atributo src para la etiqueta<script>

script type= text/javascript para que sirve

Question

Quiero usar una variable javascript como atributo ''src'' para otra etiqueta en el mismo jsp.

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

Quiero crear este nuevo elemento como se muestra a continuación.

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

Al buscar en varios foros, he intentado usar las siguientes opciones, pero parece que no funcionan. Quiero que esto funcione en todos los navegadores principales.

1. Pon este código en el primer elemento.

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

2. Utilice el método de escritura de documentos en el primer elemento.

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

3. Intentó establecer una variable JSTL en el primer elemento y usarla.

   <c:set var="URL" value="mylink"/>

Ninguna de estas formas tuvo éxito. ¿Alguna sugerencia sobre lo que está mal?

Answer 1

¿Eres capaz de usar jQuery? Si es así puedes usar getScript() :

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

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

Answer 2

Aunque CDATA funciona bien, usar document.createElement también es una excelente opción ... Especialmente si tiene la intención de agregar algún valor a una URL, por ejemplo, para el almacenamiento en memoria caché.

<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>

Codigo bien .. :)

Answer 3

Tratar:

(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));

Lo que esto hace:

1. Encuentra el primer elemento de script en tu página
2. Crea un nuevo elemento de script con su fuente suministrada.
3. Luego inserta ese nuevo elemento antes del primer elemento de script existente.

Answer 4

Yo uso algo similar a la opción dos. Hay un pequeño error en su código porque "google.com" debe estar rodeado de comillas.

Para mejorar la compatibilidad, puede escribirlo como:

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

En esta situación, x sería el archivo a incluir. Se puede definir como:

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

O

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

Answer 5

<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. -->