如何编程添加JS函数并调用，解决Selenium调用时函数未定义报错问题

报错根因 #

• 你通过编程方式动态添加的外部JS是异步加载的，执行execute_script调用函数时，JS文件还未完全加载解析完成，函数未挂载到全局上下文
• 自定义函数未显式暴露到window全局对象，Selenium默认执行脚本的上下文无法访问到局部作用域内的函数

解决方案 #

方案1：添加等待逻辑，确认函数加载完成后再调用 #

在Selenium侧增加显式等待，检测目标函数是否已挂载到window对象后再执行调用，示例代码如下：

from selenium.webdriver.support.ui import WebDriverWait

# 最长等待10秒，可根据实际JS加载速度调整
WebDriverWait(driverEdge, 10).until(
    lambda driver: driver.execute_script("return typeof window.my_function === 'function'")
)

# 显式指定window上下文调用函数，避免作用域问题
driverEdge.execute_script('window.my_function();')

方案2：确保动态添加JS的逻辑规范，函数暴露到全局 #

你动态插入JS引用的代码需要添加加载完成回调，同时确保外部JS内的自定义函数显式挂载到window：

1. 动态插入script标签的参考代码：

const customScript = document.createElement('script');
customScript.src = '你的外部JS资源地址';
// 加载完成后可触发标识，方便后续判断
customScript.onload = () => {
  window.customJsLoaded = true;
};
document.head.appendChild(customScript);

2. 外部JS文件内的函数定义需要显式绑定到window：

// 不要只写 function my_function() {}，要暴露到全局
window.my_function = function() {
  // 函数逻辑
};

效果示意图 #

内容的提问来源于stack exchange，提问作者kabarto