dynamisch Route zu Skript src auf einer HTML-Seite hinzufügen

Question

ich möchte dynamisch Route zu Skript src auf einer HTML-Seite hinzufügen. zum Beispiel

<script src="../../../library/vendor/jquery/jquery-3.1.1.min.js"></script> 

, wenn sie Web-Server verwenden und diesen Code laden, funktioniert nicht. Vielleicht sollte es Webserver-URL-Präfix setzen. also ich möchte unten ändern.

<script src="mySite/../../../library/vendor/jquery/jquery-3.1.1.min.js"></script> 

oder andere Dinge, die root-relativen Pfad festgelegt?

Answer 1

Dies kann nicht nur mit HTML oder Javascript erreicht werden. Sie benötigen mindestens ein Framework, das Ihren HTML-Code "rendern" kann, bevor er an Ihren Browser gesendet wird und "mySite" ersetzt.

Beispiel in JSF 2.x es würde wie folgt aussehen:

<link href="#{request.contextPath}/css/style.css" rel="stylesheet" type="text/css"/> 

Oder Thymeleaf:

<a th:href="@{/order/list}"> 

Wenn Sie zum Beispiel eine einseitige Website entwickeln wollen, wo der Inhalt ersetzt wird dynamisch von ajax, dann benötigt man mindestens eine Seite, die dynamisch von einem dieser Frameworks erstellt wird.

Answer 2

Verwenden Sie den folgenden JavaScript-Code:

var scr = document.createElement('script'); 
    var myurl = 'http://example.com/myjavascript.js' 
    scr.setAttribute('src',myurl); 

    document.head.appendChild(scr); 

oder Sie eine Funktion wie folgt erstellen:

function addMyScript(url) { 
    var scr = document.createElement('script'); 
    scr.setAttribute('src', url); 
    document.head.appendChild(src); 
} 

Sie Ihre URL dynamisch entscheiden können und die Funktion aufrufen, indem sie sie als Parameter übergeben:

addMyScript('http://example.com/myjavascript.js');