PrestaShop 1.7自定义模块添加外部JS文件问题求助

你猜的完全正确！addJS()方法确实仅支持加载本地/内部JS文件——它的设计逻辑是自动拼接你的PrestaShop站点基础URL到传入的路径前，所以直接传入外部CDN链接的话，会被错误地拼接成站点内的路径，自然不会加载到页面中。

下面给你两种可靠的解决方案，分别适用于不同场景：

方法一：直接在钩子中输出Script标签（简单直观） #

不管是要把JS加到<head>还是</body>前的页脚，都可以直接在对应的钩子方法里返回完整的script标签：

加到头部（displayHeader钩子） #

public function hookDisplayHeader($params) {
    if (!$this->active) return;
    return '<script src="https://cdn.monurl.com/file.js"></script>';
}

加到页脚（displayFooter钩子） #

如果需要放在页脚，先确保注册displayFooter钩子，再实现对应方法：

public function install() {
    return parent::install() 
        && $this->registerHook('displayHeader')
        && $this->registerHook('displayFooter'); // 新增注册页脚钩子
}

public function hookDisplayFooter($params) {
    if (!$this->active) return;
    return '<script src="https://cdn.monurl.com/file.js"></script>';
}

方法二：使用PrestaShop 1.7+推荐的registerJavascript方法（规范可控） #

这个方法是PrestaShop 1.7官方推荐的资源注册方式，支持外部URL，还能灵活设置加载位置、优先级和额外属性（比如defer/async）：

示例：加到头部 #

public function hookDisplayHeader($params) {
    if (!$this->active) return;
    
    $this->context->controller->registerJavascript(
        'module-yourmodule-external-js', // 唯一标识符，建议用模块名前缀避免冲突
        'https://cdn.monurl.com/file.js', // 外部CDN链接
        [
            'position' => 'head', // 可选值：head（头部）或 bottom（页脚）
            'priority' => 100, // 加载优先级，数值越小越先加载
            'attribute' => 'defer' // 可添加defer/async等属性，按需设置
        ]
    );
}

示例：加到页脚 #

只需要把position参数改成bottom即可，或者放在displayFooter钩子中实现，效果一致。

最后注意事项 #

• 记得清除PrestaShop的缓存（后台→高级参数→性能→清除缓存），因为PrestaShop会缓存前端资源，修改后不清除缓存可能看不到效果。
• 确保模块已经正确安装并启用，钩子注册成功。

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