【基本解决】js中如何加载html内容

【背景】

在折腾：

【基本解决】KindEditor中加载已有html页面内容

期间，需要先去搞懂，如何通过js中加载已有html页面内容。

【折腾过程】

1.搜：

js load html

参考：

javascript – How to load another html file using JS – Stack Overflow

How do I load an HTML page in a <div> using JavaScript? – Stack Overflow

试试：

    function editSavedGoodsContent()
    {
        var kindeditor = window.editor;
   
        // 加载之前已保存的页面的HTML内容
        <!-- html = kindeditor.html("../previous_saved_page.html"); -->
        loadedHtml = load("../previous_saved_page.html");
        html = kindeditor.html(loadedHtml);
        console.log(html);
    }

不行。

2.再试试：

loadedHtml = $("#easyui_editor").load("../previous_saved_page.html");

结果出错：

【已解决】KindEditor中加载已有页面出错：TypeError: html.replace is not a function

3.然后继续去尝试：

javascript – How to load another html file using JS – Stack Overflow

去试试，结果又出现：

【未解决】js中用XMLHttpRequest加载html出错：NS_ERROR_DOM_BAD_URI: Access to restricted URI denied

4.不过后来想到，实际上，此处问题已经转化为：

【基本解决】js加载本地文件

【总结】

最终是以变通的方式：

通过调用FileReader的方式去加载本地html文件，然后赋值给KindEditor的。

详见：

【基本解决】KindEditor中加载已有html页面内容

转载请注明：在路上 » 【基本解决】js中如何加载html内容