js获取内容层内容原始尺寸 滚动条高度 页面实际大小

<!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=gb2312" />
<title>js获取内容层内容原始尺寸 滚动条高度 页面实际大小</title>
<script language="网页特效">
获取内容层内容原始尺寸
function getconsize(conid){
var conobj=document.getelementbyid(conid)
conobj.style.position = "absolute";
conobj.style.left=-1000+"px";
conobj.style.display="";
var arrayconsize=[conobj.offsetwidth,conobj.offsetheight]
conobj.style.display="none";
return arrayconsize;
}
function insertafter(newelement,targetelement){//插入
var parent = targetelement.parentnode;
if(parent.lastchild == targetelement){
parent.appendchild(newelement);
}
else{
parent.insertbefore(newelement,targetelement.nextsibling);
}
}
//获取滚动条的高度
function getpagescroll(){
var yscroll;
if (self.pageyoffset) {
yscroll = self.pageyoffset;
} else if (document.documentelement  &&  document.documentelement.scrolltop){
yscroll = document.documentelement.scrolltop;
} else if (document.body) {
yscroll = document.body.scrolltop;
}
arraypagescroll = new array('',yscroll)
return arraypagescroll;
}
//获取页面实际大小
function getpagesize(){
var xscroll,yscroll;
if (window.innerheight  &&  window.scrollmaxy){
xscroll = document.body.scrollwidth;
yscroll = window.innerheight + window.scrollmaxy;
} else if (document.body.scrollheight > document.body.offsetheight){
sscroll = document.body.scrollwidth;
yscroll = document.body.scrollheight;
} else {
xscroll = document.body.offsetwidth;
yscroll = document.body.offsetheight;
}
var windowwidth,windowheight;
//var pageheight,pagewidth;
if (self.innerheight) {
windowwidth = self.innerwidth;
windowheight = self.innerheight;
} else if (document.documentelement  &&  document.documentelement.clientheight) {
windowwidth = document.documentelement.clientwidth;
windowheight = document.documentelement.clientheight;
} else if (document.body) {
windowwidth = document.body.clientwidth;
windowheight = document.body.clientheight;
}
var pagewidth,pageheight
if(yscroll < windowheight){
pageheight = windowheight;
} else {
pageheight = yscroll;
}
if(xscroll < windowwidth) {
pagewidth = windowwidth;
} else {
pagewidth = xscroll;
}
arraypagesize = new array(pagewidth,pageheight,windowwidth,windowheight)
return arraypagesize;
}
</script>
</head>

<body>
</body>
</html>

时间： 2024-10-27 17:33:17

js获取内容层内容原始尺寸 滚动条高度 页面实际大小的相关文章

【转】JS获取浏览器可视区域的尺寸

from: http://www.xiaoboy.com/detail/1341545044.html          所谓可视区域是指能看得见的区域,即在浏览器中能看到页面的区域(高度与宽度).刚刚使用 document.body.clientHeight 来获取可视区域的高度得到的却是整个文档的高度,然后在cnblogs.com的一篇文章中获知需要通过 document.documentElement.clientHeight 才能获取到浏览器的可视区域的高度,顺便将该文章摘下来,如下:

js获取指定区域内容的正则表达式

var a="如何求出[文字]这一段文字[一些文字]中在括号内的[更多的一些文字]所有内容,并将它存入数组中?"  代码如下 复制代码 var b=new array(); 如何求出a变量中所有带有括号的内容(包括括号)的数组? 最后结果如下: b[0]=[文字]; b[1]=[一些文字]; b[2]=[更多的一些文字];    代码如下 复制代码 var reg = /[.+?[^]]]/gi; var rs=[]; do{     var a=reg.exec("[我爱你

js实现文本框中输入文字页面中div层同步获取文本框内容的方法

 这篇文章主要介绍了js实现文本框中输入文字页面中div层同步获取文本框内容的方法,实例分析了javascript操作dom元素的技巧,需要的朋友可以参考下     本文实例讲述了js实现文本框中输入文字页面中div层同步获取文本框内容的方法.分享给大家供大家参考.具体实现方法如下:   代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/x

js-如果不用jquery，怎么用JS获取网页中指定标签内的选中内容？

问题描述 如果不用jquery,怎么用JS获取网页中指定标签内的选中内容? 网页有一个div,里面有些文字,鼠标选中其中一部分字,怎么能感知这一事件,然后返回选中内容. 解决方案 我在贴吧也看到类似的问题,是同一个吗? <!--支持IE9+ Firefox Chrome--> <p>这是一段测试文字</p> <script type='text/javascript'> function getSlct(){//获取选中文字 return getSelect

js 获取内容中图片地址正则表达式

js 获取内容中图片地址正则表达式 <!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-eq

JS获取中文拼音首字母并通过拼音首字母快速查找页面内对应中文内容的方法【附demo源码】_javascript技巧

本文实例讲述了JS获取中文拼音首字母并通过拼音首字母快速查找页面内对应中文内容的方法.分享给大家供大家参考,具体如下: 实现效果: 图一: 图二: 此例中输入的中文字符串"万万保重",有三个字是多音字,所以alert对话框中显示的是多种读音的组合: 如何实现? 如何实现通过拼音首字母快速查找页面内的中文内容呢? 过程原理是这样的:例如要对一些人名进行快速查找,当页面加载完成后,对所有人名建立一个索引,生成拼音首字母与姓名的对应关系:然后监听键盘事件,当用户按下键盘时,根据键值得到按下的

JS获取表格内指定单元格html内容的方法_javascript技巧

本文实例讲述了JS获取表格内指定单元格html内容的方法.分享给大家供大家参考.具体如下: 下面的代码先通过表格对象的rows获得指定的行的所有单元格数组,然后定位指定的单元格,通过单元格的innerHTML属性获得单元格的html内容 <!DOCTYPE html> <html> <head> <script> function cell() { var x=document.getElementById('myTable').rows[0].cells;

js获取鼠标选中的内容代码

结果是写出来了,之前写的时候不兼容火狐,后来看到帖子楼上的一个方法,测试了一下兼容性很好,就引用了: 具体方法我已经整理成文件,可以预览查看效果,也可以直接下载浏览源码:  代码如下 复制代码 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8&quo

JQUERY/js获取SELECT选择项的文本内容

JQUERY获取SELECT 选择项的文本内容 获取值  代码如下 复制代码 var checkValue=$("#select_id").val();  //获取Select选择的Value 试了很久才弄出来  代码如下 复制代码 $("#tid option:selected").text(); js 获取select text的值方法如下:  代码如下 复制代码 var ts1 = ss.options[ss.selectedIndex].text;//第一或