弹出窗口的兼容方案 -- JavaScript -- IT技术博客大学习 -- 共学习共进步！

您现在的位置：首页 --> JavaScript --> 弹出窗口的兼容方案

弹出窗口的兼容方案

浏览:2581次出处信息

记录一下弹出窗口的兼容方案

以下是代码片段：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>主页面</title>
<style type="text/css">
html, body {
  margin: 0;
  padding: 0;
}
body {
}
#div1 {
  height: 2000px;
}
#floatedLayer {
  position: fixed;
  _position: absolute;
}
</style>
</head>
<body>
<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>

<script type="text/javascript">
  window.onresize = adjustPopupWin;
  adjustPopupWin();
</script>
</body>
</html>

建议继续学习：

QQ技术交流群：445447336，欢迎加入！
扫一扫订阅我的微信号：IT技术博客大学习

<< 前一篇：Inline Form Labels（2）

后一篇：Array的push与unshift方法性能分析 >>

文章信息

作者：小寒来源：记事本
标签：窗口
发布时间：2010-09-11 09:56:16

建议继续学习

近3天十大热文