Javascript - 下载其他js并使用它

时间:2014-08-04 15:45:57

标签: javascript html

我开始使用Javascript,我尝试做一些事情:

  • 转到我的网页
  • 此页面上的javascript表格从另一个网站下载另一个.js并启动它或使用它

localhost上的代码:

的index.html

<!DOCTYPE html>
<html>
<head>
<script src="test.js"></script>
<title></title>
</head>
<body>

<div id="test">

</div>

<script>
   update();
   setInterval(function(){document.getElementById('test').innerHTML = text()},3000);
</script>
</body>
</html>

test.js

function update(){
    httpGet("http://test.localhost/blabla.js")
}

function text(){
    return seeUpdate();
}

function httpGet(theUrl){
var xmlHttp = null;

xmlHttp = new XMLHttpRequest();
xmlHttp.open( "GET", theUrl, true );
xmlHttp.send();
return xmlHttp;
}

on test.localhost:

blabla.js

function seeUpdate(){
    return "iajdiashdh";
}

因此测试表使用了blabla表。

这怎么可能?因为我的解决方案不起作用....

提前致谢,

Smooba

编辑:

事实上,我感谢user2227904。

以下是该脚本的最终版本:

function update(){
var imported = document.createElement('script');
imported.type = 'text/javascript';
imported.src = 'http://test.localhost/blabla.js';
document.head.appendChild(imported);
}

感谢大家!

Smooba

3 个答案:

答案 0 :(得分:1)

使用以下代码导入文件:

var imported = document.createElement('script');
imported.src = '/path/to/imported/script';
document.head.appendChild(imported);

如果失败,请使用第三方库,如jQuery

$.getScript('/path/to/imported/script.js', function()
{
  // script is now loaded and executed.
  // put your dependent JS here.
});

答案 1 :(得分:0)

我可能会遗漏一些东西,但似乎更简单的方法是通过脚本标记包含脚本,如

<script src="http://test.localhost/blabla.js"></script>

但实际上您可能应该复制脚本的内容,以便您可以从自己的服务器中包含它。由于您立即拨打XHR电话,您甚至可能会在页面中包含所述脚本的内容以加快加载时间。

答案 2 :(得分:-1)

您需要将从xmlhttprequest获得的任何内容插入到<script>标记中的页面中,以便浏览器执行该操作。