js中可以通过eval或Function及settimeout动态执行js代码
1、eval()
eval() 是最简单的方式,直接执行一个字符串:
var code = 'console.log("Hello!")';
eval(code); // Hello!
eval() 会在当前作用域下执行代码。
2、new Function()
new Function()可以创建一个临时函数,并执行它:
var code = 'console.log("Hello!")';
new Function(code)();
// Hello!
3、setTimeout()
利用setTimeout()间接执行代码:
var code = 'console.log("Hello!")';
setTimeout(code, 0);
但是这三款没办法做个隔离执行代码,那么还有三种办法实现隔离执行js代码
1、远程代码执行,将代码发送给服务器端执行后获得结果
2、Web Worker
Web Worker 允许你创建一个隔离的 JS 环境,主线程和 Worker 线程之间只能通过消息来通信。
你可以这么创建一个 Worker 并执行代码:
var myWorker = new Worker('worker.js');然后在 worker.js 中定义:
myWorker.onmessage = function(e) {
console.log(e.data);
};
myWorker.postMessage('run code');
onmessage = function(e) {
var code = e.data; // 获取要运行的代码
eval(code)
// 执行代码...
}
3、iframe
iframe 是一个独立的文档,你可以在 iframe 中执行JS代码,不影响主页面:
<iframe id="frame"></iframe>
<script>
var frame = document.getElementById('frame');
var win = frame.contentWindow;
var doc = frame.contentDocument;
doc.open();
doc.write('<script>var a = 1</script>');
doc.close();
console.log(win.a); // 1, 可访问iframe内的变量
</script>
完整代码:点击打开链接
网友回复
如何编写一个chrome插件实现多线程高速下载大文件?
cdn版本的vue在网页中出现typeerror错误无法找到错误代码位置怎么办?
pywebview能否使用webrtc远程控制共享桌面和摄像头?
pywebview6.0如何让窗体接受拖拽文件获取真实的文件路径?
如何在linux系统中同时能安装运行apk的安卓应用?
python有没有离线验证码识别ocr库?
各家的ai图生视频及文生视频的api价格谁最便宜?
openai、gemini、qwen3-vl、Doubao-Seed-1.6在ui截图视觉定位这款哪家更强更准?
如何在linux上创建一个沙箱隔离的目录让python使用?
pywebview如何使用浏览器自带语音识别与webspeech 的api?