帮忙注释一下这段Dreamweaver代码!急!
发布网友
发布时间:2022-05-17 00:04
我来回答
共2个回答
热心网友
时间:2022-05-17 01:34
<script type="text/javascript"><!--
var w = 270; //定义变量 w 赋值270
var h = 20; //定义变量 h 赋值20
var str = ""; //定义变量 str 赋值空字符串
var obj = document.getElementById("divStayTopLeft"); //document对象的getElementById方法通过元素(对象)id取到元素(对象),并赋值给变量obj,(obj就是个对象了)
if (obj)str = obj.innerHTML; //如果 obj存在 则变量str等于obj的innerHTML属性
if( typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat'){ //如果页面渲染方式定义了并且标准兼容模式开启 ,输出
//document.writeln 方法输出 输出的内容是一个DIV,设置了一些属性,属性值里面取得了 窗口滚动条 的高度。。。。
document.writeln('<DIV style="z-index:9;right:0;bottom:0;height:'+h+'px;width:'+w+'px;overflow:hidden;POSITION:fixed;_position:absolute; _margin-top:expression(document.documentElement.clientHeight-this.style.pixelHeight+document.documentElement.scrollTop);">');
}
else { //否则,。输出
//document.writeln 方法输出 输出的内容是一个DIV,设置了一些属性,属性值里面取得了 窗口滚动条 的高度。。。。
document.writeln('<DIV style="z-index:9;right:0;bottom:0;height:'+h+'px;width:'+w+'px;overflow:hidden;POSITION:fixed;*position:absolute; *top:expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-this.style.pixelHeight);">');
}
//输出...
document.writeln('<div style="clear:both;margin:auto;height:30px;font-size:16px;overflow:hidden;font-weight:bold;text-align:left;"><a href="javascript:scroll(0,0)" hidefocus="true"><img src="image/gif-0020.gif" alt="" title="回到顶部" style="border: 0px;" /></a></div> ');
document.write('<div style="clear:both;margin:auto;overflow:hidden;text-align:left;">'+str+'</div>');
document.writeln('</DIV>');
-->
</script>
这里用到了typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat'
意思 页面渲染方式定义了 并且 标准兼容模式开启
这里解释下
标准兼容模式开启时 取得滚动条高度酒用document.documentElement.scrollTop 否则用
document.body.scrollTop
标准兼容模式开启时 取得当前网页高度高度酒用document.documentElement.clientHeight 否则用
document.body.clientHeight
主要作用就是兼容各个浏览器。。
热心网友
时间:2022-05-17 02:52
<script type="text/javascript"><!--
var w = 270; //定义初始宽为270
var h = 20; //定义初始高为20
var str = ""; //定义变量str值为空
var obj = document.getElementById("divStayTopLeft"); //定义ID为divStayTopLeft的DIV赋给变量ovj
if (obj)str = obj.innerHTML; //如果ID为divStayTopLeft的DIV存在,则DIV里的内容赋值给变量str
//下面自己看吧,就是输出一些DIV而已
if( typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat'){
document.writeln('<DIV style="z-index:9;right:0;bottom:0;height:'+h+'px;width:'+w+'px;overflow:hidden;POSITION:fixed;_position:absolute; _margin-top:expression(document.documentElement.clientHeight-this.style.pixelHeight+document.documentElement.scrollTop);">');
}
else {
document.writeln('<DIV style="z-index:9;right:0;bottom:0;height:'+h+'px;width:'+w+'px;overflow:hidden;POSITION:fixed;*position:absolute; *top:expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-this.style.pixelHeight);">');
}
document.writeln('<div style="clear:both;margin:auto;height:30px;font-size:16px;overflow:hidden;font-weight:bold;text-align:left;"><a href="javascript:scroll(0,0)" hidefocus="true"><img src="image/gif-0020.gif" alt="" title="回到顶部" style="border: 0px;" /></a></div> ');
document.write('<div style="clear:both;margin:auto;overflow:hidden;text-align:left;">'+str+'</div>');
document.writeln('</DIV>');
-->
</script>