Question

我想在html页面上动态添加到脚本src的路由。例如，

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

当我使用Web服务器并加载此代码时，无法正常工作。也许它应该把web服务器的URL前缀。所以我想在下面改变。

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

，或者根相对路径设置的其他东西？

Answer 1

仅通过html或javascript无法实现。你至少需要一个能够“渲染”的框架。您的html在发送到您的浏览器并替换＆＃34; mySite＆＃34;。

之前

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

在html页面上动态添加到脚本src的路由

2 个答案: