如何将HTML文件编码为base64？

Question

我是HTML和JavaScript的初学者。 然后尝试将HTML文件编码为Base64代码，然后将该编码后的字符串从另一个HTML文件放入<iframe src=" ENCODED STRING HERE"已编码字符串<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中是否有任何想法或功能可以直接编码？

附言：如果您想查看，我可以编辑以上传html代码。

Answer 1

https://www.w3schools.com/jsref/jsref_encodeURI.asp可以很好地编码URI。

我还将在此处签出解决方案以设置iframe的src值： 动态设置iframe src

演示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.

学习愉快。