关于window.open被拦截那些事 window.open() 可谓是 弹窗广告的利器。因此它被很多浏览器禁用了在网页上打开新链接的方法:1、window.open()2、不支持的浏览器下采用插入一段a链接,对a链接执行点击,从而达到打开新链接的目的。3、然而很悲剧的是,a标签并不是和按钮一样有onclick()事件的。IE8和火狐中,a标签的click事件跟页面跳转没有关系,
DOM中的事件模拟 三个步骤:首先通过document.createEvent()方法创建event对象,接收一个参数,即表示要创建的事件类型的字符串:UIEvents(DOM3中的UIEvent)鼠标和键盘事件;MouseEvents(DOM3中的MouseEvent)鼠标事件;MutationEvents(DOM3中的MutationEvent)变动事件;HTMLEvent
css绘制特殊形状 1、绘制椭圆形 /*border-radius是一种缩写方法。如果“/”前后的值都存在, * 那么“/”前面的值设置其水平半径,“/”后面值设置其垂直半径。 * */(1) #oval { width: 200px; height: 100px; background: red;
JavaScript最佳实践:性能 注意作用域避免全局查找 一个例子:functionupdateUI(){var imgs = document.getElementByTagName("img");for(var i=0, len=imgs.length; i<len; i++){ imgs[i].title =document.title + " image " + i; }var msg =
css中伪类:after的用法(三种方式) CSS中存在一些比较特殊的属性,称之为伪类,它们之中最常用的就是定义链接的伪:link,:visited,:hover,:active等。 除了它们,还有一些不被常使用的伪类,有:focus,:first-child,:lang等。 而且CSS里不光有伪类,还有伪元素,比如::first-letter,:first-line,:before和:after。 本文中其它伪元素暂且不表
em与px px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。 任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,10px=0.625em。为了简化font-size的换算,需要在css
CSS的line-height属性 视觉设计师在设计时,往往会给出了这样那样的前端规范,标出颜色、尺寸、间距等。但在文字间距的定义时,往往对基准线及line-height的概念不清晰,而前端测量及编码实现时也不够准确。想要改善这种状况,从而更好的展现页面,就需要视觉及前端都真实了解line-height。一、什么是行间距(line-height)? 所谓行高是指文本行基线间的垂直距离。要想理解这句话首先
vertical-align 和 line-height 的关系 /* 关键字值 */vertical-align: baseline;vertical-align: sub;vertical-align: super;vertical-align: text-top;vertical-align: text-bottom;vertical-align: middle;vertical-align: top;vertical-al
解决setInterval计时器不准的问题 在js中如果打算使用setInterval进行倒数,计时等功能,往往是不准确的,因为setInterval的回调函数并不是到时后立即执行,而是等系统计算资源空闲下来后才会执行.而下一次触发时间则是在setInterval回调函数执行完毕之后才开始计时,所以如果setInterval内执行的计算过于耗时,或者有其他耗时任务在执行,setInterval的计时会越来越不准,延迟很厉害.下面的代码可
visibility与display (1)visibility 属性:collapse:当在表格元素中使用时,此值可删除一行或一列,但是它不会影响表格的布局。被行或列占据的空间会留给其他内容使用。如果此值被用在其他的元素上,display: none相同。hidden:相当于display: none,但仍然占用页面空间。visible:默认值。元素是可见的。(2)display
ie6、7下inline-block 1、inline元素(比如span,em等)的display属性设置为inline-block时,所有的浏览器都支持;2、block元素的display属性设置为inline-block时,IE6/IE7浏览器是不支持的;如果是内联元素使用了inline-block,那所有的浏览器显示都是正常的。(ie6、ie7中对内联元素使用display:inline-block,IE是不识别的,但使
前端命名规则 通用功能与内容1:关于:about账户:account操作:action广告:ad箭头图标:arrow文章:article音频:audio头像:avatar条:bar线:line品牌:branding标题说明:caption分类:categor
textarea延迟渲染 -textarea延迟渲染原理(郑昀)-据玉伯介绍,HTML元素中有一种RCDATA elements,含textarea和title。RCDATA=Replaceable Character Data。如果用隐藏的textarea来存放 html 代码,textarea 中的内容会按照 RCDATA 规则来解析:遇到 & 时,会尽可能得到实体字符。遇到 ) 时,会结束解析
JQ下拉框取text() val() index操作 一、触发事件1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发二、jQuery获取被选中项1、直接获取被选中项$("#select_id").find("option:selected")2、获取被选中项的索引$("#select_id ").get(0).
wamp的phpMyAdmin打不开 出现这种问题,基本上是因为你用过wamp下面的黑屏的mysql,进入时的密码不是空导致的。解决办法:1、找到phpmyadmin.conf老版本在phpmyadmin文件夹下新版本在wamp\apps\phpmyadmin4.1.14文件夹下这个文件中有以下的几行$cfg['Servers'][$i]['user'] = 'root';$cfg['Serve
JSON用法及json对象(Object)和字符串(String)互转 1、json的创建,增加,修改,删除 var json = { "age":24, "name":"cst" }; //修改Json中的age值,因为Json中存在age属性 json["age"] = 30; al
JS/JQ实现滚动调默认最底部 1、让scrollTop(滚动条的垂直位置)== $("tbody").height()元素的高度(常用)JS:div.scrollTop = div.scrollHeight;JQ:$("#cAaddtable tbody").scrollTop( $("#cAaddtable tbody").height() );2、让最后一个元素一直在可视界面中scrollIntoVie
JS字符串截取 1、split( “:” );将字符串以:为边界分割成数组。var str="ah:sk:asd:sd";str.split(“:”);//str [ah,sk,asd,sd];2、substr( start , length ) start 必需。所需的子字符串的起始位置。字符串中的第一个字符的索引为 0。 length 可选。在返回的子字符串中
sessionStorage 、localStorage 跟 cookie 之间的区别 sessionStorage 、localStorage 和 cookie 之间的区别(转)sessionStorage 和 localStorage 是HTML5 Web Storage API 提供的,可以方便的在web请求之间保存数据。有了本地数据,就可以避免数据在浏览器和服务器间不必要地来回传递。sessionStorage、localStorage、cookie都是在浏览器端存储