динамически добавлять маршрут к скрипту src на странице html

Question

Я хочу динамически добавлять маршрут к скрипту src на странице html. , например,

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

, когда я использую веб-сервер и загрузить этот код, не работает. возможно, он должен поместить префикс URL-адреса веб-сервера. поэтому я хочу изменить ниже.

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

или другие вещи, которые корневой относительный путь установить?

Answer 1

Этого нельзя достичь только с помощью html или javascript. Вам нужна, по крайней мере, инфраструктура, которая может «визуализировать» ваш html перед отправкой в ​​ваш браузер и заменять «mySite».

Пример в JSF 2.x это будет выглядеть следующим образом:

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

Или Thymeleaf:

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

Если вы хотите разработать, например, сайт на одну страницу, где заменяется содержание динамически с помощью ajax, тогда вам нужна хотя бы одна страница, которая динамически создается одной из этих фреймворков.

Answer 2

Использование ниже кода JavaScript:

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

    document.head.appendChild(scr); 

или вы можете создать такую ​​функцию:

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

вы можете динамически определять свой адрес и вызвать функцию, передав его в качестве параметра:

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