如何用jQuery将本地HTML文档转为字符串并在弹窗中展示？

你没法直接通过变量赋值获取本地HTML文件的内容，得用AJAX请求来加载文件。用jQuery的$.get()方法就能实现，具体代码如下：

$('.openbuttonapp').dblclick(function () {
    // 替换成你本地目标HTML文件的正确路径，比如 './popup-content.html'
    $.get('path/to/your-target-file.html', function(htmlContent) {
        var $objWindow = $(htmlContent);
        // 将弹窗添加到页面中
        $('body').append($objWindow);
        // 给弹窗加上样式类（如果需要的话）
        $objWindow.addClass('window');
    }).fail(function() {
        // 请求失败时的提示（可选）
        alert('加载HTML文件失败，请检查路径是否正确');
    });
});

关键注意点： #

• 路径要准确：确保path/to/your-target-file.html是相对于当前页面的正确路径，比如目标文件和当前页面在同一文件夹下，就写./target.html。
• 规避跨域问题：如果直接用浏览器打开本地HTML文件（file://协议），可能会因为同源策略限制导致AJAX请求失败。建议用本地服务器运行项目，比如VS Code的Live Server插件、Node.js的http-server工具。
• 样式适配：如果原来的.window类有自定义样式，记得给加载后的HTML内容添加这个类，或者直接在目标HTML文件里的容器上写好该类。

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