`
siruoxian
  • 浏览: 231794 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

根据图片设定网页框大小

阅读更多

<SCRIPT LANGUAGE="JavaScript">
<!--

function ResizeToFit(){
 var imgWidth;
 var imgHeight;
 if (document.imgLarge && document.imgLarge.complete)
 {
 imgWidth = document.imgLarge.width + 20;
 imgHeight = document.imgLarge.height + 115;
 window.resizeTo(imgWidth,imgHeight);
 }
}
//-->
</SCRIPT>

网页的宽度及高度

网页可见区域宽:
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 

对于firefox有个兼容性问题。

如果想设置整个网页的页面宽度用一个层遮罩住的话,要这样处理


function browserWidth() {
  if (self.innerWidth) {
return self.innerWidth;
  } else{
return document.body.clientWidth;
  }
  return 800;
}


var ht=browserHeight()+10+"px";
 document.getElementById("v_full_screen").style.position="absolute";
 document.getElementById("v_full_screen").style.left="0px"; 
 document.getElementById("v_full_screen").style.top="0px";   
 document.getElementById("v_full_screen").style.width=wd;
 var scht=document.body.scrollHeight+"px";  
 document.getElementById("v_full_screen").style.height=scht; 
 document.getElementById("v_full_screen").style.background="#000033";

这样处理后页面的整个高度和宽度就是你浏览整个页面的高度和宽度

 

分享到:
评论

相关推荐

    图片保存能手批量保存网页图片

    如果以保存整个网页的格式保存下来则不管什么大小的图片包括不想要的图片也会保存下来。 使用网页图片保存能手可以让你迅速过滤筛选出自己选要的图片,点击一次保存, 网页上的数十张甚至上百张图片就一块保存到指定...

    VB获取指定网址下网页的所有链接及图片.rar

    VB获取指定网址下网页的所有链接及...在网址框内输入一个网址,然后点开始搜索,过一会内容会以tree的形式列出,在表格内点右键,选"获取图片"则在下方框控件里会显示页面里图片的缩略图,缩略大小可以程序里进行设置。

    超级网页设计器-v4.0.rar

    8.支持控件旋转、控件可移动、控件转角、边框颜色、边框大小、边框阴影、光标动作、边距、可见度、可见等设置 9.文本、输入框、连接、音乐播放、音乐播放、多行文档、按钮、图片、单选框、多选框、文件上传框等常用...

    imageresizer(图片批量缩小)4.3注册版.zip

    调整模式设置合适大小:重新调整图片至目标分辨率,并保持原始的长宽比。输出宽度或高度将按照需要作出调整。延展:重新调整图片并延展至目标分辨率。输出宽度和高度将被指定,结果可能会变形。中央:中心的图片适合...

    JavaScript网页特效范例宝典源码

    实例027 设置窗口大小和位置 43 实例028 刷新当前页 44 实例029 自动最大化 45 实例030 自定义导航控制面板 46 实例031 根据用户分辨率自动调整窗口 48 1.5 窗口的其他效果 49 实例032 打开窗口时显示对话框 50 实例...

    javascript网页特效实例大全(8-12)

    8.1 图片大小 336 实例215 打开自定义大小的图片 336 实例216 图片放大缩小 337 实例217 通过鼠标滚轮放大缩小图片 338 8.2 图片与鼠标相关操作 339 实例218 跟随鼠标移动的图片 340 实例219 可以左右...

    发个VB程序,获取网页所有链接及图片

    内容索引:VB源码,网络相关,图片... 在网址框内输入一个网址,然后点开始搜索,过一会内容会以tree的形式列出,在表格内点右键,选"获取图片"则在下方框控件里会显示页面里图片的缩略图,缩略大小可以程序里进行设置。

    精通CSS+DIV网页样式与布局全集

    4.2.1 横向对齐方式 4.2.2 纵向对齐方式 4.3 图文混排 4.3.1 文字环绕 4.3.2 设置图片与文字间距 4.4 图文实例:八仙过海 第5章 用CSS设置网页中的背景 5.1 背景颜色 5.1.1 页面背景色 5.1.2 用...

    图片批处理

    右键菜单中可选择【适合屏幕】模式来查看图片的全貌,选择【原始大小】模式查看图片的实际效果,超出屏幕部分可以用鼠标拖动图片查看。双击图片或按【ESC】或【Enter】键可推出全屏模式。 3.把图片设为桌面背景:在...

    高性能网页JavaScriptCanvas电子表格系统源码.zip

    功能包含:撤销 & 反撤销,格式刷,文本格式,字体设置,字体大小,字体加粗,斜体字,下划线,删除线,文字颜色,单元格颜色单元格边框字体倾斜边框倾斜背景倾斜合并单元格水平对齐自动换行 冻结单元格单元格函数...

    图片在网页区域内拖动的JS代码

    摘要:脚本资源,Ajax/JavaScript,图片拖动 图片在网页指定区域内拖动的JS代码,类似放大的效果,但有本质上的区别。如截图所示,两张图片分别在作者规定的两个方框内拖动,互不干扰,智能判断图片大小,如果拖动到了...

    图片收集器V1.08

    图片收集器可以从网页中分析所有的图片,根据条件下载图片, 并保存到相应文件夹中。可按图片的像素大小,字节大小,以及 图片类型进行过滤,程序会自动创建文件夹来保存下载的图片。 同时可分析框架,及网页中的...

    55种网页小技巧 ---- 下载无需扣分,具有一定收藏价值

    如何设定打开页面的大小.html 屏蔽功能键Shift,Alt,Ctr.html 屏蔽鼠标右键.html 怎么判断是否是字符.html 怎样让表单没有凹凸感.html 改变表格的内容 .html 日期减去天数等于第二个日期.html 显示个人客户端...

    精通CSS+DIV网页样式与布局PART3

    4.2.1 横向对齐方式 4.2.2 纵向对齐方式 4.3 图文混排 4.3.1 文字环绕 4.3.2 设置图片与文字间距 4.4 图文实例:八仙过海 第5章 用CSS设置网页中的背景 5.1 背景颜色 5.1.1 页面背景色 5.1.2 用...

    精通CSS+DIV网页样式与布局PART2

    4.2.1 横向对齐方式 4.2.2 纵向对齐方式 4.3 图文混排 4.3.1 文字环绕 4.3.2 设置图片与文字间距 4.4 图文实例:八仙过海 第5章 用CSS设置网页中的背景 5.1 背景颜色 5.1.1 页面背景色 5.1.2 用...

    图片管理系统(桃源相册管理)

    53.上传时可自由设置是否在照片上添加文字水印、图片水印或不添加水印。 54.用户分组设置,可分多组域名及多台服务器协同管理。 55.仅需为程序目录及用户存放目录设置写入及修改权限,系统更安全。 56.完美兼容fire...

    HTML+CSS大作业-静态网页设计大作业HTML+CSS的美食静态网页设计项目源码.zip

    针对美食静态网页设计项目,...7. 图片和文本内容:根据项目需求,添加美食相关的图片和文本内容,可以使用CSS设置图片的样式(如大小、边框、圆角等)和文本的样式(如字体、对齐方式、行高等)。 8. 样式细节设计:

    精通CSS+DIV网页样式与布局视频教材

    第5章 用CSS设置网页中的背景 5.1 背景颜色 5.1.1 页面背景色 5.1.2 用背景色给页面分块 5.2 背景图片 5.2.1 页面的背景图 5.2.2 背景图的重复 5.2.3 背景图片的位置 5.2.4 固定背景图片 ...

    JavaScript实用范例词典04-14

    9.56 取得文件字段中选取图片的大小... 308 9.57 取得文件字段中选取图片的高宽... 310 9.58 从文件字段中选取一个图片作为 页面背景... 311 第10章 页面内容篇.... 313 10.1 将网页设为首页... 313 10.2 回到...

    大学计算机网络设计报告.doc

    新建网页:在右侧选则已有网页模板,再从框架网页中选择镶嵌式层次结构,根据需 求,分别在三个框架网页中添加新网页或者设置初始网页。 b.添加背景图片:从格式菜单中的背景或者鼠标右键快捷菜单中的网页属性中找到...

Global site tag (gtag.js) - Google Analytics