弹出窗口的兼容实现方法

这篇文章主要为大家详细介绍了弹出窗口的兼容实现方法，具有一定的参考价值，可以用来参考一下。

 html, body {
  margin: 0;
  padding: 0;
 }
 body {
 }
 #div1 {
  height: 2000px;
 }
 #floatedLayer {
  position: fixed;
  _position: absolute;
 }

/***  来自php教程 （www.idcnote.com）***/

 <div id="floatedLayer">
  <iframe src="demo.html" width="580" height="542" frameborder="no"></iframe>
 </div>
 <div id="div1"></div>
 <script type="text/javascript">
  var floatedLayer = document.getElementById("floatedLayer");
  function adjustPopupWin() {
   var height = document.documentElement.clientHeight,
    width = document.documentElement.clientWidth;   
   floatedLayer.style.left = Math.max((width - floatedLayer.offsetWidth) / 2, 0) + "px";
   floatedLayer.style.top = Math.max((height - floatedLayer.offsetHeight) / 2, 0) + "px";
  }
 </script>
 <!--[if IE 6]>
 <script type="text/javascript">
  function adjustPopupWin() {
   var height = document.documentElement.clientHeight,
    width = document.documentElement.clientWidth;
   floatedLayer.style.left = Math.max((width - floatedLayer.offsetWidth) / 2, 0) + document.documentElement.scrollLeft + "px";
   floatedLayer.style.top = Math.max((height - floatedLayer.offsetHeight) / 2, 0) + document.documentElement.scrollTop + "px";
  }
  window.onscroll = adjustPopupWin;
 </script>
 <![endif]-->
 <script type="text/javascript">
  window.onresize = adjustPopupWin;
  adjustPopupWin();
 </script>
</body>
</html>
<!--   来自 php教程 （www.idcnote.com）-->

注：关于弹出窗口的兼容实现方法的内容就先介绍到这里，更多相关文章的可以留意