一、简介
iFramesandbox是一个可信任的iframe隔离解决方案，它可以在一个主页面中创建多个被隔离的iframe，从而提供更好的安全机制。在iFramesandbox中，每个iframe都是独立的，它们之间没有任何共享的状态，从而可以避免同源策略的限制，保证网页的安全性。
iFramesandbox是基于HTML5的新标准开发的，它提供了一些新的特性，如sandbox属性和postMessage方法，这些特性可以使iframe与主页面之间实现更安全的通信。同时，iFramesandbox还提供了一些API，以便于开发人员更方便地使用它。
二、sandbox属性
sandbox属性是HTML5为iframe定义的一个新属性，它可以为iframe提供一个“沙盒”环境，从而限制iframe对主页面的访问。sandbox属性包含一系列可选的标记，这些标记可以控制iframe可以做什么，比如：
- allow-forms：允许iframe提交表单
- allow-scripts：允许iframe执行脚本
- allow-same-origin：允许iframe与主页面具有相同的源
- allow-popups：允许iframe弹出窗口
下面是一个使用sandbox属性的示例：
<iframe src="http://example.com" sandbox="allow-scripts allow-popups"></iframe>
在这个示例中，我们为iframe设置了sandbox属性，并设置了allow-scripts和allow-popups两个标记，这意味着iframe可以执行脚本，并弹出窗口，但不能提交表单。
三、postMessage方法
postMessage方法是HTML5为iframe提供的一个新方法，它可以使iframe与主页面之间实现安全的通信。该方法可以接收两个参数：一个消息（可以是任何类型的），以及一个指定目标窗口的字符串，目标窗口可以是一个iframe或者一个窗口对象。
下面是一个使用postMessage方法的示例：
// 主页面代码
var iframe = document.getElementById('myiframe');
iframe.contentWindow.postMessage('hello', 'http://example.com');
// iframe页面代码
window.addEventListener('message', function(event) {
if (event.origin === 'http://example.com' && event.data === 'hello') {
alert('received message from main page');
}
});
在这个示例中，当主页面调用iframe的contentWindow.postMessage方法时，该方法将会向指定的窗口发送一个消息。当iframe接收到该消息时，它会通过window.addEventListener方法监听message事件，并根据消息的内容进行相应的处理。
四、API
iFramesandbox提供了一些API，以方便开发人员更方便地使用它。
1、创建iframe
var iframe = iFramesandbox.create({
src: 'http://example.com',
sandbox: 'allow-scripts allow-popups'
});
document.body.appendChild(iframe);
在这个示例中，我们使用iFramesandbox.create方法创建了一个iframe，并设置了src和sandbox属性。然后，我们将iframe添加到了文档中。
2、发送消息
iFramesandbox.postMessage(iframe, 'hello');
在这个示例中，我们使用iFramesandbox.postMessage方法向指定的iframe发送了一个消息。
3、监听消息
iFramesandbox.addEventListener(iframe, 'message', function(event) {
if (event.data === 'hello') {
alert('received message from iframe');
}
});
在这个示例中，我们使用iFramesandbox.addEventListener方法监听了指定iframe的message事件，当该iframe接收到一个消息时，会触发该事件的回调函数。
五、总结
iFramesandbox是一个可信任的iframe隔离解决方案，在保证网页安全性的同时，提供了更灵活的相互通信方式。通过使用sandbox属性和postMessage方法，我们可以限制iframe对主页面的访问，并实现安全的通信。同时，iFramesandbox还提供了一些API，以便于开发人员更方便地使用它。
