摘要: 我们在项目中一直都是使用JS来控制如果文字内容超过的时候,用...来表示,其实是可以通过CSS来控制的,下面提供几种办法测试的浏览器:ie6,ie7,ie8,chrome17 ,firefox101)css方法 text-overflow-fag{ width:500px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; }该方法在ie6,7,8 chrome17,firefox10 下均测试通过2)网上别人提供的一个负margin定位的方法,我觉得比较好。 ... 阅读全文
posted @ 2012-03-17 21:17 yupeng 阅读(9725) 评论(0) 推荐(1) 编辑
摘要: 各种网站经常看到页面滚动到可视区域,然后才加载相应的图片资源,他的本质是什么呢?本文来分析一下很简单,就是判断当前元素是否是可视区域内假设:h1 = 滚动条滚去的高度 w1 = 滚动条滚去的宽度 h2 = 屏幕的高度 obj 表示当前对象 {x:当前对象相对于文档左上角的位置x,y:当前对象相对于文档左上角的y}则应该这样判断 在y轴方向上:if(obj.x>h1&&obj.x<h1+h2||obj.x+obj.offsetHeight>h1&&|obj.x+obj.offsetHeight<h1+h2){loading()} 同理在X轴 阅读全文
posted @ 2012-03-17 19:25 yupeng 阅读(670) 评论(0) 推荐(0) 编辑
摘要: 1)nodeType 属性可返回节点的类型。最重要的节点类型是:value 1 表示 元素element ;2表示 属性attr ;3表示文本text;8 表示注释;9表示 文档document,元素所属文档一般用element.ownerDocument||element.document 来兼容2) JS判断网页的渲染模型 document.compatMode如果为:BackCompat:标准兼容模式关闭。如果为:CSS1Compat:标准兼容模式开启。当document.compatMode等于BackCompat时,浏览器客户区宽度(网页视觉区域)是document.body.cli 阅读全文
posted @ 2012-03-17 17:46 yupeng 阅读(246) 评论(0) 推荐(0) 编辑
摘要: 项目中经常碰到各种高度,今天再次总结一下1)getboundingClientRect() 这个是IE下特有的一个方法,该方法获得页面中某个元素的左,上,右和下分别相对浏览器视窗的位置,它返回的是一个对象,该对象有是个属性:top,left,right,bottom,其中如果滚动了滚动条,top和left的值可能会为负值,因为他是相对了可视窗口,被卷进去了。2)scrollTop 表示的意思是对象被卷进去的高度,如果是body的对象,那么则表示滚动条卷去的高度,即浏览器上方隐藏的高度。如果是div等对象,那么就表示滚动条滚去该div上方的高度。3)offsetHeight,offsetWi.. 阅读全文
posted @ 2012-03-17 17:41 yupeng 阅读(1509) 评论(0) 推荐(0) 编辑
摘要: 21)在HTTP1.1标准的请求支持(同一个域名)的并行,各个浏览器的下载数为:ie6/7(2)、Firefox3、IE8(6)、Opera10/Chrome3/Safari4(4)22)浮动元素在ie6下的使用要注意:如果不设置宽度,可能会引起问题。23)如果在父级元素和子级元素之间(div > p)有一个HTML注释,在IE7中,子选择器是不会起作用的。24)iframe的使用:iframe默认样式中有边框,隐藏使用display:none ,去掉滚动条和边框可以设置成:scrolling="no" frameborder="no"25)在IE 阅读全文
posted @ 2012-03-17 12:52 yupeng 阅读(812) 评论(1) 推荐(0) 编辑
摘要: 1)img 标签如果src设置为空或者#的时候,会多发一次请求,建议设置为 about:blank 。测试浏览器 ie6,ie7,ie8,chrome17,firefox102) try ~catch 中如果使用了setTimeout 的话,会报错的,catch 不到内容的。3)input radio 如果没有设置 name的属性,在ie下是不能被点击到的,另外 input radio,checkbox 不支持及时的change事件,意思是点击或者选定的时候,没有触发change,而是在鼠标离开的时候才触发的,如果要做到这样的效果,必须使用click要代替4)在ie<9下如果使用appl 阅读全文
posted @ 2012-03-17 11:42 yupeng 阅读(1880) 评论(5) 推荐(8) 编辑