javascript - 动态构建脚本源

标签 javascript jquery html

我使用下面的代码来检索主机 IP 地址:

<script type="text/javascript" src="http://l2.io/ip.js"></script>

我需要从上面的 URL 中检索 IP 地址并构造另一个 URL,如下所示:

<script type="text/javascript" src="http://<above_ip_address>:8080/MonarchDemo/.."></script>

这两个脚本都存在于 <body> 中html 文件的标签如下:

<html>
    <body>
        <script type="text/javascript" src="http://l2.io/ip.js"></script>
        <script type="text/javascript" src="http://<ip_address>:8080/MonarchDemo/.."></script>
    </body>
</html>

运行这个html文件,第一个script显示正确的 IP 地址,但我无法在第二个 script 中替换该 IP 地址。请指导。

最佳答案

我不确定我是否完全理解这个问题,但与其尝试替换静态脚本标记,为什么不动态创建一个呢?

<script type="text/javascript" src="http://l2.io/ip.js?var=ipAddressFound"></script>

var scr = document.createElement("script");

scr.type = "text/javascript";
scr.src = 'http://' + ipAddressFound + ':8080/MonarchDemo/..'; // Use the IP found above
scr.innerHTML = null;
document.body.appendChild(scr);

通过脚本创建 var 归功于此答案: Get client IP address via third party web service

关于javascript - 动态构建脚本源,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26282273/

相关文章:

javascript - 使用 AngularFire2 将文件上传到 Firebase 存储

javascript - 在 django 模板 [python] 中使用 json.dump 或 pprint 逐行创建一个表

javascript - 组织大型 javascript 文件

javascript - 防止横向移动网站

jquery - 如何为我自己的函数迭代的每个元素绑定(bind)一个函数?

javascript - 使用 Javascript 下载 HTML5 mp4 视频

javascript - jQuery Select2 占位符不起作用

jquery - 革命 slider 和奇怪的符号而不是箭头

javascript - 当鼠标移到列表项上时在 JQuery 中使用悬停

jquery - Canvas 未填满 div