当前位置:首页 > 前端技术

JavaScript数组(Array)

数组的定义: var arr=[12, 5, 8, 9]; var arr=new Array(12, 5, 8, 9); 没有任何差别,[]的性能略高,因为代码短。 数组的属性 length 既可以获取,又可以设置(快速清空数组) 数组使用原则:数组中应该只存一种类型的变量 <script> var num = 1; var str = '这是一句话'; // 用数组: var arr ...

阅读全文
前端技术 1,137 次阅读 抢沙发

JavaScript 中 if条件判断

1.第一种if条件语句 if(条件){ …… } 2.第二种if条件语句 if(条件){ …… }else{ …… } 3.第三种if条件语句 if(){ …… }else if(条件){ …… }else if(条件){ …… }else if(条件){ …… }else{ …… } 4.布尔值(boolean) 真tru ...

阅读全文
前端技术 1,324 次阅读 抢沙发

JavaScript中属性操作的注意事项

1.JS中不允许出现“-” 例:oP.style.font-size(这个是错误的) 正确写法:font-size应该改成fontSize padding-left应该改成paddingLeft 应该把“-”去掉,然后在“-”后面的第一个字母改成大写即可 2.className 例:oP.class=’red’;是无效的 class 保留字   关键字如:var functionc 所以应当写成className   ...

阅读全文
前端技术 1,173 次阅读 抢沙发

innerHTML 属性

定义: inerHTML是html标签的属性,几乎所有的元素都有innerHTML属性,它是一个字符串,用来设置或获取位于对象起始和结束标签内的HTML。(获取HTML当前标签的起始和结束里的内容,不包括标签本身) 用法: 元素名.innerHTML    (读取元素内的所有HTML内容) 元素名.innerHTML = 新的值    (替换或修改元素内的所有HT ...

阅读全文
前端技术 1,287 次阅读 抢沙发

JavaScript中的HTML属性操作

HTML属性操作:读、写 属性名:比如id=”name”这里的id就是属性名 属性值:id=”name”这里的name就是属性值 属性读操作:获取、找到 元素.属性名 属性写操作:替换、修改 元素.属性名=新的值 字符串连接 innerHTML $P.innerHTML(读取元素内的所有HTML内容) $P.innerHTML=新的值(替换或修改元 ...

阅读全文
前端技术 1,138 次阅读 抢沙发

JavaScript实现原理

写一个JS效果的步骤: 一、先实现布局 二、实现原理 希望把某个元素移除你的视线 1.display:none;  显示为无 2.visiblility:heidden; 隐藏 3.width/height 4.透明度 5.left/top 6.拿一个白色的DIV盖住它 7.margin负值 …..有 ...

阅读全文
前端技术 1,379 次阅读 抢沙发

CSS的箭头代码

CSS三角形.只使用纯CSS语言,你就能创建兼容各个浏览器的三角形,用很少的代码。 最终效果如下图所示: /* 向上的箭头,类似于A,只有三个边,不能指定上边框 */ div.arrow-up { width: 0; height: 0; border-left: 5px solid transparent; /* 左边框的宽 */ border-right: 5px solid t ...

阅读全文
前端技术 1,920 次阅读 抢沙发

JQuery图片延迟加载插件lazyload.js的使用方法

lazyload.js是一个基于JQuery的插件,可以用来缓冲加载图片。如果一个网页很长并且有很多图片的话,下载图片就需要很多时间,那么就会影响整个网页的加载速度,而这款延迟加载插件,会通过你的滚动情况来加载你需要看的图片,然后它才会从后台请求下载图片,最后显示出来。通过这个插件,可以在需要显示图片的时候,才 ...

阅读全文
前端技术 1,983 次阅读 抢沙发

实现页面跳转的几种方法(meta标签、js实现、php实现)

今天总结了几种页面跳转的方法,分别是用meta标签实现、用javascript实现、用php实现,下面就来分享一下吧。 1、meta标签实现 只需在head里加上下面这一句就行了,在当前页面停留0.1秒后跳转到目标页面 <meta http-equiv="refresh" content="0.1; url=http://jmsbang.com/" /> 2、Javas ...

阅读全文
前端技术 1,846 次阅读 抢沙发

那些年我们一起清除过的浮动

清除浮动banner.jpg

浮动(float),一个我们即爱又恨的属性。爱,因为通过浮动,我们能很方便地布局; 恨,浮动之后遗留下来太多的问题需要解决,特别是IE6-7(以下无特殊说明均指 windows 平台的 IE浏览器)。也许很多人都有这样的疑问,浮动从何而来?我们为何要清除浮动?清除浮动的原理是什么?本文将一步一步地深入剖析其中的奥秘,让浮动使用起来更加得心应手。

阅读全文
前端技术 1,943 次阅读 抢沙发