script方法
2025-04-18 10:50:58
9
参考资料
script方法简介
功能
script方法用于执行JavaScript代码字符串,通常用于动态执行脚本。
详细属性参数说明
script(code, [options])
code
(String): 要执行的JavaScript代码字符串options
(Object, 可选): 配置选项async
(Boolean): 是否异步执行,默认为falsedefer
(Boolean): 是否延迟执行,默认为falsetype
(String): 脚本类型,如"text/javascript"charset
(String): 字符编码src
(String): 外部脚本URL
使用方法讲解
直接执行代码字符串
script('console.log("Hello World")');
加载外部脚本
script(null, {src: 'external.js'});
带参数执行
script('console.log(x)', {params: {x: 10}});
案例内容解析
// 案例1: 简单执行 script('alert("页面加载完成")'); // 案例2: 加载jQuery库 script(null, { src: 'https://code.jquery.com/jquery-3.6.0.min.js', onload: function() { console.log('jQuery已加载'); } }); // 案例3: 带参数执行 var data = {name: 'John'}; script('console.log(userData)', { params: {userData: data} });
注意事项:
执行外部脚本时需注意跨域问题
动态执行的代码有安全风险,应避免执行不可信代码
异步执行时要注意代码执行顺序