有没有一个更简单的(本机也许?)方法,包括一个外部脚本文件在谷歌Chrome浏览器?
目前我是这样做的:
document.head.innerHTML += '<script src="http://example.com/file.js"></script>';
有没有一个更简单的(本机也许?)方法,包括一个外部脚本文件在谷歌Chrome浏览器?
目前我是这样做的:
document.head.innerHTML += '<script src="http://example.com/file.js"></script>';
当前回答
appendChild()是一种更原生的方式:
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'script.js';
document.head.appendChild(script);
其他回答
作为上面@maciej-bukowski的回答^^^的后续,在目前(2017年春季)支持async/await的现代浏览器中,您可以按以下方式加载。在这个例子中,我们加载了load html2canvas库:
异步函数loadScript(url) { Let response = await fetch(url); Let script = await response.text(); eval(脚本); } 让scriptUrl = 'https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js' loadScript (scriptUrl);
如果你运行这个代码片段,然后打开浏览器的控制台,你会看到html2canvas()函数现在已经定义了。
appendChild()是一种更原生的方式:
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'script.js';
document.head.appendChild(script);
你可以获取脚本作为文本,然后求值:
eval(await (await fetch('http://example.com/file.js')).text())
如果你刚开始学习javascript,不想花时间创建一个完整的网页,只是为了嵌入测试脚本,只需在Chrome浏览器的新选项卡中打开开发工具,然后单击控制台。
然后输入一些测试脚本:例如。
console.log('Aha!')
然后在每一行后按Enter(由Chrome提交执行)
或者加载你自己的“外部脚本文件”:
document.createElement('script').src = 'http://example.com/file.js';
然后调用你的函数:
console.log(file.function('驨ꍬ啯ꍲᕤ'))
测试在谷歌Chrome 85.0.4183.121
我用这个在控制台加载ko knockout对象
document.write("<script src='https://cdnjs.cloudflare.com/ajax/libs/knockout/3.5.0/knockout-3.5.0.debug.js'></script>");
或本地托管
document.write("<script src='http://localhost/js/knockout-3.5.0.debug.js'></script>");