javascript:获取屏幕高度和宽度等信息
网页可见区域宽: document.body.clientWidth
网页可见区域高: document.body.clientHeight
网页可见区域宽: document.body.offsetWidth (包括边线的宽)
网页可见区域高: document.body.offsetHeight (包括边线的高)
网页正文全文宽: document.body.scrollWidth
网页正文全文高: document.body.scrollHeight
网页被卷去的高: document.body.scrollTop
网页被卷去的左: document.body.scrollLeft
网页正文部分上: window.screenTop
网页正文部分左: window.screenLeft
屏幕分辨率的高: window.screen.height
屏幕分辨率的宽: window.screen.width
屏幕可用工作区高度: window.screen.availHeight
屏幕可用工作区宽度: window.screen.availWidth
获取网页被卷去的高,制作浮动窗体可用:
function GetScrollY()
{
if (typeof window.pageYOffset == 'number')
{
return window.pageYOffset;
}
var CompatMode = window.document.compatMode;
var DocumentElement = window.document.documentElement;
if ((typeof CompatMode == 'string') &&
(CompatMode.indexOf('CSS') >= 0) &&
(DocumentElement) && (typeof
DocumentElement.getAttribute("scrollTop") ==
'number'))
{
return DocumentElement.getAttribute("scrollTop");
}
var Body = window.document.body ;
if ((Body) && (typeof Body.getAttribute("scrollTop") == 'number'))
{
return Body.getAttribute("scrollTop");
}
return 0;
}
下面是“无定义 HTML 的 Event 事件”的测试代码,分别用 IE 和 Firefox 打开,点击页面就可看到结果。 <html>
相关文档:
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetL ......
对于1个单引号,则转义该单引号
对于1个反斜杠跟1个单引号,则不管它。
对于2个及以上的反斜杠加一个单引号,则分别对每个反斜杠和单引号都进行转义,即 使反斜杠数目保持不变, 并转义单引号。
/// <summary>
/// 对于单引号而言,若前面有偶数个反斜杠则异常,奇数个反斜杠则正常
/// < ......
JavaScript核心技术
http://book.jqcq.com/product/620915.html
本书通过许多基于Web的例子展示了:如何构建JavaScript逻辑和将它与现有的对象结构连接,如何构建自己的程序库以及如何利用其他JavaScript用户编写的程序库。
JavaScript 完全手册 JavaScript 完全手册
http://book.jqcq.com/product/320819.html
......
页面内嵌不同的网页内容时,导致iframe的高度无法与实现内容或浏览器高度相匹配。窗口大小变换时,不能iframe不能进行自动调整。这里,我们利用JAVASCRIPT让IFRAME框架的高度自适应。
首先,写出如下的JS方法。
/**
* 内嵌页面的高度设置
*/
function handleFrameLoad() {
var hDoc = getBodyHeight(document);
var ......