我使用JavaScript在特定条件下在当前页面上弹出一个窗口。它适用于firefox和chrome，但不适用于IE。
<script type="text/javascript">
function toggle(div_id) {
var el = document.getElementById(div_id);
if ( el.style.display == 'none' ) {el.style.display = 'block';}
else {el.style.display = 'none';}
}
function blanket_size(popUpDivVar) {
if (typeof window.innerWidth != 'undefined') {
viewportheight = window.innerHeight;
} else {
viewportheight = document.documentElement.clientHeight;
}
if ((viewportheight > document.body.parentNode.scrollHeight)
&& (viewportheight >
document.body.parentNode.clientHeight))
{
blanket_height = viewportheight;
} else {
if (document.body.parentNode.clientHeight
document.body.parentNode.scrollHeight)
{
blanket_height = document.body.parentNode.clientHeight;
} else {
blanket_height = document.body.parentNode.scrollHeight;
}
}
var blanket = document.getElementById('blanket');
blanket.style.height = blanket_height + 'px';
var popUpDiv = document.getElementById(popUpDivVar);
popUpDiv_height=blanket_height/2-150;//150
is half popup's height
popUpDiv.style.top = popUpDiv_height + 'px';
}
function window_pos(popUpDivVar) {
if (typeof window.innerWidth != 'undefined') {
viewportwidth = window.innerHeight;
} else {
viewportwidth = document.documentElement.clientHeight;
}
if ((viewportwidth > document.body.parentNode.scrollWidth)
&& (viewportwidth >
document.body.parentNode.clientWidth))
{
window_width = viewportwidth;
} else {
if (document.body.parentNode.clientWidth
document.body.parentNode.scrollWidth)
{
window_width = document.body.parentNode.clientWidth;
} else {
window_width = document.body.parentNode.scrollWidth;
}
}
var popUpDiv = document.getElementById(popUpDivVar);
window_width=window_width/2-150;//150
is half popup's width
popUpDiv.style.left = window_width + 'px';
}
function popup(windowname) {
blanket_size(windowname);
window_pos(windowname);
toggle('blanket');
toggle(windowname);
}
</script>
<?php if( $_SESSION['ses']['count'] < 6 && !isset($_SESSION['ses']['cancelBack']) ){ ?>
<body onload=" popup('popUpDiv'); ">
<div id="blanket" style="display:none;"></div>
<div id="popUpDiv" style="display:none; opacity:100;">
<div id="brouse_now">
<div class="top_blanck">
<div class="cross"><a href="<?php echo $this->url(
array('controller' => 'index', 'action' => 'cancel'),
'default',
true) ?>"></a>
</div>
</div>
<div class="bot_blanck">
<div class="top_text_gree"><?php echo ($this->user[0]['name']); ?>, thanks for coming back !</div>
</div>
<div class="bot_blanck">
<p> Search </p>
</div>
<div class="browseget_btn">
<a href="<?php echo $this->url(
array('controller' => 'index', 'action' => 'search'),
'default',
true) ?>" onclick="popup('popUpDiv')">
<img src="<?php echo $this->baseUrl(); ?>/images/button/browseand_getfree.png" alt="" />
</a>
</div>
</div>
</div>
</body>
<?php } ?>
编辑
它在onclick（）事件中也运行良好，但在onload（）事件上产生了问题。
可能的原因是什么，请帮忙。。。。
提前感谢。。。。。
不确定我是否理解这里的问题，但我将其分解为弹出功能（忽略其他功能），这个解决方案似乎是最适合的。不过我现在没有ie8的副本可以测试。。