页面开发中常用的方法

1. jQuery获取宽、高
浏览器当前窗口可视区域高度:$(window).height();
浏览器当前窗口文档的高度:$(document).height();
浏览器当前窗口文档body的高度:$(document.body).height();
浏览器当前窗口文档body的总高度:$(document.body).outerHeight(true);  (包括border padding margin)
浏览器当前窗口可视区域宽度:$(window).width();
浏览器当前窗口文档的宽度:$(document).width();

浏览器当前窗口文档body的高度:$(document.body).width();

浏览器当前窗口文档body的总宽度:$(document.body).outerWidth(true);  (包括border padding margin)


2. js获取宽、高

网页可见区域高: document.body.clientHeight
网页可见区域高: document.body.offsetHeight (包括边线的高)
网页正文全文高: document.body.scrollHeight
屏幕分辨率的高: window.screen.height
屏幕可用工作区高度: window.screen.availHeight
网页可见区域宽: document.body.clientWidth
网页可见区域宽: document.body.offsetWidth (包括边线的宽)
网页正文全文宽: document.body.scrollWidth
网页被卷去的高: document.body.scrollTop
网页被卷去的左: document.body.scrollLeft
网页正文部分上: window.screenTop
网页正文部分左: window.screenLeft
屏幕分辨率的宽: window.screen.width
屏幕可用工作区宽度: window.screen.availWidth

3. js文件中引入js
document.write("<script type=\"text/javascript" language=\"javascript\" src=\"jquery.js\"></script>");


4. CSS文件中引入CSS

@import url("./style.css");


5. jQuery子页面获取父页面元素

$('#objId', parent.document);


6. jQuery页面获取iframe页面元素

$("#objid",document.frames('iframename').document)

展开阅读全文

没有更多推荐了,返回首页