仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1175|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 来谈谈:网页制造技能:猎取页面可视地区的高度

[复制链接]
飘飘悠悠 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:11:04 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
更好的控制页面布局。不用多说。
破洛洛文章简介:猎取页面可视地区高度,猎取页面高度,猎取转动条转动上往的页面高度.
functiongetWH(){varwh={};"HeightWidth".replace(/[^s]+/g,function(a){varb=a.toLowerCase();wh[b]=window["inner".concat(a)]||document.compatMode==="CSS1Compat"&&document.documentElement["client".concat(a)]||document.body["client".concat(a)];});returnwh;}懂得两个名词:BackCompat尺度兼容形式封闭(奇异形式)CSS1Compat尺度兼容形式开启这个办法为猎取页面可视地区的高度,一般情形下,window.innerHeight便可猎取,假如是一般形式,而且有clientHeight的情形下,document.documentElement.clientHeight猎取的就是可视地区高度。在奇异形式下,是利用document.body猎取。
functiongetBodyWH(){varwh={};"HeightWidth".replace(/[^s]+/g,function(a){varb=a.toLowerCase();wh[b]=document.compatMode==="CSS1Compat"&&document.documentElement["scroll".concat(a)]||document.body["scroll".concat(a)];});returnwh;}这个为猎取页面的高度,用于iframe的自顺应时分猎取。
varss={};ss.scrollTopFn=function(arg){vara=navigator.userAgent.toLowerCase().indexof("webkit");//判别webkit内核varscrollTop;if(a>-1||document.compatMode=="BackCompat"){this.scrollTopFn=function(arg){if(typeofarg==number){document.body.scrollTop=arg;}else{returndocument.body.scrollTop;}}}else{this.scrollTopFn=function(arg){if(typeofarg==number){document.documentElement.scrollTop=arg;}else{returndocument.documentElement.scrollTop;}}}returnthis.scrollTopFn.apply(this,arguments);}这个前往scrollTop即转动上往的页面的高度,由于在webkit内核下衬着的都是利用body,以是和下面两个判别是纷歧样的。在奇异形式下一样是用body。其他情形都是用documentElment。这些玩意蛮烦的,明天弄了一天赋总结出来了这么些,网上查找也没找到出格尺度的说法,就一个个本人试了下,写了几个函数以供今后利用。有人假如有更好的判别办法的话,还看告诉,感谢!</p>
当遇到几个选择器共享一个声明的时候,可以分组放在一起,每个选择器必须以逗号隔开。例:h1,h2,h3,h4{colorred;}选择器分组时要将每个选择器路径写全,分组结尾不能有逗号。
分手快乐 该用户已被删除
沙发
发表于 2015-1-16 06:50:22 来自手机 | 只看该作者

来谈谈:网页制造技能:猎取页面可视地区的高度

Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
爱飞 该用户已被删除
板凳
发表于 2015-1-18 08:56:08 | 只看该作者
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。
admin 该用户已被删除
地板
发表于 2015-2-5 10:03:14 | 只看该作者
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
再现理想 该用户已被删除
5#
发表于 2015-2-11 09:10:24 | 只看该作者
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
飘飘悠悠 该用户已被删除
6#
 楼主| 发表于 2015-3-2 10:18:47 | 只看该作者
在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。
谁可相欹 该用户已被删除
7#
发表于 2015-3-11 05:42:43 | 只看该作者
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
金色的骷髅 该用户已被删除
8#
发表于 2015-3-17 23:11:21 | 只看该作者
还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
小魔女 该用户已被删除
9#
发表于 2015-3-25 12:19:56 | 只看该作者
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-29 07:50

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表