call js实现
实现 JavaScript 调用的方法
直接调用函数
在 HTML 文件中通过 <script> 标签引入 JavaScript 文件后，直接调用定义的函数。例如：
<script src="script.js"></script>
<script>
myFunction(); // 调用 script.js 中定义的函数
</script>事件监听调用
通过 DOM 事件触发 JavaScript 函数，例如按钮点击：
<button onclick="handleClick()">点击</button>
<script>
function handleClick() {
alert('函数被调用');
}
</script>模块化调用（ES6）
使用 import 和 export 实现模块化调用：
// module.js
export function greet() {
return 'Hello!';
}
// main.js
import { greet } from './module.js';
console.log(greet()); // 输出 "Hello!"动态加载脚本
通过 document.createElement 动态加载并执行 JavaScript：
const script = document.createElement('script');
script.src = 'dynamic.js';
script.onload = () => {
console.log('脚本加载完成');
};
document.body.appendChild(script);使用 eval（谨慎使用）
直接执行字符串形式的 JavaScript 代码：
const code = 'console.log("动态执行")';
eval(code); // 输出 "动态执行"注意事项
- 避免全局污染，推荐使用模块化或 IIFE（立即执行函数表达式）。
- 动态加载脚本需处理加载失败的情况（如
onerror事件）。 eval存在安全风险，非必要不推荐使用。
