JS实现兼容火狐及IE iframe onload属性的遮罩层隐藏及显示效果

该攻略的实现思路是通过为iframe添加onload事件，在iframe内容加载完毕后再执行遮罩层的显示和隐藏效果，从而达到兼容火狐及IE的效果。

具体需要进行以下步骤：

1. 为iframe添加onload事件

document.getElementById('myframe').onload = function() {
  // 执行遮罩层显示和隐藏效果
}

1. 显示遮罩层

document.getElementById('mask').style.display = 'block';

1. 隐藏遮罩层

document.getElementById('mask').style.display = 'none';

以下是两个示例说明：

示例1：使用jQuery实现

$('#myframe').on('load', function() {
  $('#mask').hide();
});

$('#mask').show();

示例2：原生JavaScript实现

var frameElem = document.getElementById('myframe');
frameElem.onload = function() {
  var maskElem = document.getElementById('mask');
  maskElem.style.display = 'none';
};

var maskElem = document.getElementById('mask');
maskElem.style.display = 'block';