摘要:
今天帮同事修复一个bug,问题是这样的,页面中有一个表单提交,是跨域的,所以同事选择了target="iframeid",就涉及到动态创建iframe的问题,他的方法是:createIframe : function(id, name, style){ var iframe = document.createElement('iframe'); iframe.setAttribute("id", id); iframe.setAttribute("name", name); iframe.style.cssText = 阅读全文
摘要:
Css实现背景透明代码很简单opacity:0.5;filter:alpha(opacity=50);但是使用这段代码,会使子元素也具有透明效果,于是牛人们使用定位来实现透明,这里不多说。还有一种更简单的方法,那就是CSS3的rgba。background-color: rgba(0, 0, 0, 0.5);万恶的IE(IE9以下)是不支持rgba的,但是微软的滤镜可以解决。filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#80000000', EndColorS 阅读全文
摘要:
使用filter:progid:DXImageTransform.Microsoft.AlphaImageLoader实现png24的背景透明时,容器内的超链接失效,无法点击。解决办法:设置position:relative。如果有其它定位,则需要使链接移出该容器。 阅读全文
摘要:
Dom0级事件var btn = document.getElementById('btn');btn.onclick = function(event){ alert(this.id);};所有浏览器都支持,作用域为当前绑定元素。IE下没有传入event对象,需要通过window.event获得;其它浏览器均传入event对象Dom2级事件var btn = document.getElementById('btn');btn.addEventListener('click', function(event){ alert(this.id);} 阅读全文
摘要:
!importantstyleidclasstagn * 10000n*1000n*100n*10n*1 阅读全文
摘要:
区别1:link是XHTML标签,除了加载CSS外,还可以定义RSS等其他事务;@import属于CSS范畴,只能加载CSS。 区别2:link引用CSS时,在页面载入时同时加载;@import需要页面网页完全载入以后加载。 区别3:link是XHTML标签,无兼容问题;@import是在CSS2.1提出的,低版本的浏览器不支持。 区别4:ink支持使用Javascript控制DOM去改变样式;而@import不支持。 阅读全文
摘要:
今天看到一则面试题:“严格模式与怪异模式-如何触发这两种模式,区分它们有何意义?”,感觉理论需要好好补充一下了,同时记录下来。一、严格模式的触发1、加DOCTYPE声明,比如:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR 阅读全文
摘要:
转自html5Doctor,地址:http://html5doctor.com/happy-1st-birthday-us/ 阅读全文
摘要:
看完“大叔”的《深入理解JavaScript系统——编写高质量JavaScript基本要点》,有点之前不是很了解,或者是一直没有注意的问题,特记录一下。1、var声明的变量,不能使用delete删除2、parseInt()需要指定基数3、使用Function代替eval附大叔文章地址:http://www.cnblogs.com/TomXu/archive/2011/12/28/2286877.html#2298805 阅读全文
摘要:
最近一直在学习移动网页的开发,接触到viewport,特意查询一下,记录下来备忘。常用的viewport meta如下:<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">width:控制viewport的大小,可以指定一个值,如600, 或者特殊的值,如device-width为设备的宽度(单位为缩放为100%的CSS的像素)height:和width相对应,指定高度initial-scale:初始缩放比例,页面第一次加载时 阅读全文