如何将HTML文件编码为base64？

Question

我是HTML和JavaScript的初学者。并尝试将HTML文件编码为Base64代码，然后将该编码字符串从另一个HTML文件放入<iframe src=" ENCODED STRING HERE"。

我在这里尝试做的是将编码字符串放入弹出窗口iframe，如下面的捕获，以使其可见，

  var i_frame_98c3be4abbe943db99555415352b65f5 = $('<iframe src="ENCODED STRING FROM HTML FILE" width="500" style="border:none !important;" height="300"></iframe>')[0];

但是，我不知道该怎么做。

我知道有编码/解码网站base64encode.org，但我必须手工完成。我想直接对其进行编码，并在打开文件时将代码放入iframe src。

html中有任何想法或功能可以直接编码吗？

P.S。如果你想看，我可以编辑上传HTML代码。

Answer 1

https://www.w3schools.com/jsref/jsref_encodeURI.asp对编码URI有很好的参考。

我还要在此处查看解决方案以设置iframe的src值：dynamically set iframe src

Demo jsfiddle：https://jsfiddle.net/np7hp5jo/1/

function appendHtml(el, str) {
  var div = document.createElement('div');
  div.innerHTML = str;
  while (div.children.length > 0) {
    el.appendChild(div.children[0]);
  }
}

var encodedUrl = encodeURI('https://www.lifehacker.com.au/?r=US');

var html = '<iframe id="myIframe" src="'+encodedUrl+'" onLoad="iframeDidLoad();"></iframe>';
appendHtml(document.body, html); // "body" has two more children - h1 and span.

快乐学习。