html
勤奋的重剑
这个作者很懒,什么都没留下…
展开
-
关于html 界面中元素隐藏的几种方法
最近,正在开发手机适配版网页,有一些开发心得想与大家一同共享,在html开发中不可避免的就是元素的隐藏显示的一些问题。下面就是总结一下html 中几种隐藏元素的方法及代码中的一些常见问题。 方法一,Jquery的方法,该类方法比较常见,也较为好用,在此写一下代码 1.运用id绑定并实现隐藏的方法。 $("#idname").hide(); 其中idname为所要隐藏的元素的id名。原创 2015-08-04 11:11:01 · 4205 阅读 · 0 评论 -
CSS水平居中和垂直居中解决方案(转)
一、CSS 居中 — 水平居中 DIV等标签本身没有定义自己居中的属性,网上很多的方法都是介绍用上级的text-align: center,然后嵌套一层DIV来解决问题。 可是这个方法有时候完全不起作用,而且对于布局是非常不科学的方法。正确的的设置写法如下(对页面构造没有影响): div {margin-left: auto; margin-right: auto; } 这句CSS居中转载 2016-02-18 09:46:56 · 278 阅读 · 0 评论 -
css hack(转载)
1、什么是CSS hack? CSS hack是通过在CSS样式中加入一些特殊的符号,让不同的浏览器识别不同的符号(什么样的浏览器识别什么样的符号是有标准的,CSS hack就是让你记住这个标准),以达到应用不同的CSS样式的目的,比如.kwstu{width:300px;_width:200px;},一般浏览器会先给元素使用width:300px;的样式,紧接着后面还有个_width:20转载 2016-02-18 09:52:19 · 219 阅读 · 0 评论 -
冒泡与捕获浅析
捕获即从最不精确也就是document到精确,而冒泡是从最精确到到 事件捕获阶段:事件从最上一级标签开始往下查找,直到捕获到事件目标(target)。 事件冒泡阶段:事件从事件目标(target)开始,往上冒泡直到页面的最上一级标签。 假设一个元素div,它有一个下级元素p。 元素 这两个元素都绑定了click事件,如果用户点击了p,它在div和p上都触发了c原创 2016-02-18 15:29:02 · 287 阅读 · 0 评论 -
css hack 总结
简单地讲,css hack指各版本及各品牌浏览器之间对CSS解释后出现网页内容的误差(比如我们常说错位)的处理。由于各浏览器的内核不同,所以会造成一些误差就像JS一样,一个JS网页特效,在微软IE6、IE7、IE8浏览器有效果,但可能在火狐(Mozilla Firefox)谷歌浏览器无效,这样就叫做JS hack ,所以我们对于CSS来说他们来解决各浏览器对CSS解释不同所采取的区别不同浏览器制作原创 2016-02-19 15:46:10 · 289 阅读 · 0 评论 -
[前端]防止xss攻击的最简单方法
xss攻击:跨站脚本攻击(Cross Site Scripting),为不和层叠样式表(Cascading Style Sheets, CSS)的缩写混淆,故将跨站脚本攻击缩写为XSS。恶意攻击者往Web页面里插入恶意Script代码,当用户浏览该页之时,嵌入其中Web里面的Script代码会被执行,从而达到恶意攻击用户的特殊目的。(解释摘自百度百科) 1、将能被转换为html的输入内容原创 2016-04-11 19:40:27 · 23106 阅读 · 1 评论 -
[前端]判定元素是否在可视范围的方法总结
1 最基本的方法,js 方式document.getElementById.scrollIntoViewIfNeeded 如果是true 则调用基本的document.getElementById.scrollIntoViewIfNeeded(); 2 通过运算基本的加减法 元素的位置jquery方法 $().offset().top $().offset().left js原创 2016-04-07 10:33:57 · 5086 阅读 · 0 评论 -
[前端]监听事件的几个有趣的事
1 hover=事件 mouseenter +mouseleave != mouseover +mouseout 这两对事件是有细致的区别的,over,out是考虑子元素也出发,而enter和leave是不考虑的这与hover是一模一样的 2 “input propertychange” 针对没有没输入一个变化字的监听的元素如textarea等标志。 3 textarea是没有自己撑原创 2016-04-06 10:44:35 · 1073 阅读 · 0 评论 -
[前端]强大的javaScript 中比较有趣的事
一、查找所需的元素的比较方便的语法糖 1.除基本的id,class 和tag的方法外 介绍一种基于元素位置的查找方法 document.elementFromPoint(x,y)获取点位置的元素 2.元素find()及基本定位的时候可以借用某些元素属性值进行精确定位 [attribute$=value],匹配给定的属性是以某些值结尾的元素。 [attribute*=value],匹配原创 2016-04-29 11:13:40 · 2514 阅读 · 0 评论