![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
jfk403
这个作者很懒,什么都没留下…
展开
-
css2:div模拟textarea效果并实现高度自适应
样式如下:设置div最小高度并设置为auto,同时设置字体换行和边界换行即。div设置contenteditable="true"即可实现文字编辑(contenteditable为html5新增属性)div{ float: right; margin-right: 45%; height: 50px; height: auto; min-height: 50px; widt...2016-06-28 14:02:15 · 166 阅读 · 0 评论 -
跨页面跳转的锚点定位
有时候需要实现从当前页面跳转到下个页面的某个模块,这就要使用锚点定位来实现:格式: 当前页面的 href="aaaa.html#nextMode"在要定位显示的模块中:添加值为nextMode的id和name, 如定位到一个div<div id="nextMode" name="nextMode"></div> 以上方法在firefox中可直接实现,但...2016-06-28 15:07:19 · 4559 阅读 · 0 评论 -
前端性能提高技术之----HTML重绘篇
<img src="home.png" style="width:200px; height: 200px;"> 在HTML页面完成渲染后,任何改动页面样式或结构的操作都会引起浏览器重绘,性能的损耗直接取决于动态改变的范围:如果只是改变一个元素的颜色之类的信息则只会重绘该元素;而如果是增删节点或调整节点位置则会引起其兄弟节点也一并重绘,所以在页面操作中要尽量...原创 2016-09-28 11:07:55 · 850 阅读 · 0 评论 -
window尺寸的获取方法
//浏览器窗口的内部宽度var w = window.innerWidth //对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari || document.documentElement.clientWidth //Internet Explorer 8、7、6、5 || documen...原创 2014-12-04 16:05:59 · 326 阅读 · 0 评论 -
全世界最短的IE判断(转载)
alert([1,2]);//相当于alert([1,2].toString()); --这在IE与非IE上都相同,都会弹出"1,2"alert([1,]);//相当于alert([1,].toString());--在非IE的标准浏览器上,js引擎会自动删除最后的",",所以在IE上会弹出"1,",而在非IE上会弹出"1"alert(+[1,]);//根据上面的解释,这一句在IE上相当...原创 2014-12-04 16:12:02 · 114 阅读 · 0 评论 -
让页面部局随浏览器窗口自适应
首先使最外围的容器随窗口变化,然后再定义内部的各组件。window.onresize = function() { Ext.getCmp('gridId').setWidth(document.documentElement.clientWidth); //修改最外层容器的宽度 var w = document.documentElement.clientWidth; ...原创 2014-12-08 15:39:34 · 887 阅读 · 0 评论 -
网站css样式方案
一般来说:有一个与整体布局有关的样式 :layout.css一个用作专门颜色的样式:color.css一个与版式相关的样式:typography.css三个样式文件可以导入到一个基本的样式basic.css中@import url(layout.css);@import url(color.css);@improt url(typography.css); ...原创 2014-12-08 15:39:46 · 182 阅读 · 0 评论