最新消息:服务器现已从linode换到fzhost.net,且主题已从retina 0.2换为大前端D8

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

JavaScript crifan 12浏览 0评论

【背景】

在折腾:

【基本解决】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内容

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
53 queries in 0.706 seconds, using 12.41MB memory