文章分类 -  javascript

1
js获取对象的长度和名称
摘要：1.对象的长度不能用.length获取，用js原生的Object.keys可以获取到：请看下面例子： 2. 使用for循环来获取key的名称及长度： 阅读全文
posted @ 2018-09-19 17:05 爽朗琴天 阅读(154) 评论(0) 推荐(0)
WOW.js+animate.css让页面滚动时显示动画效果
摘要：data-wow-duration（动画持续时间）和 data-wow-delay（动画延迟时间） 如果需要自定义配置，可如下使用： 阅读全文
posted @ 2018-01-26 15:12 爽朗琴天 阅读(225) 评论(0) 推荐(0)
JS设置倒计时十秒关闭页面(转)
摘要：倒计时10秒后关闭当前窗口 阅读全文
posted @ 2017-09-03 19:24 爽朗琴天 阅读(9701) 评论(0) 推荐(0)
js之DOM操作（访问子节点和最后一个节点）
摘要：一、firstChild 属性返回‘childNodes’数组的第一个子节点。如果选定的节点没有子节点，则该属性返回 NULL。 说明：与elementNode.childNodes[0]是同样的效果。 二、 lastChild 属性返回‘childNodes’数组的最后一个子节点。如果选定的节点没 阅读全文
posted @ 2017-08-04 15:36 爽朗琴天 阅读(4621) 评论(0) 推荐(0)
javascript中this的用法
摘要：在javascript中，由于 javascript的动态性（解释执行，当然也有简单的预编译过程），this的指向在运行时才确定。在javascript中this通常指向的是我们正在执行的函数本身，或者是指向该函数所属的对象（运行时）。当我们在页面中定义了函数 doSomething()的时候，它的 阅读全文
posted @ 2017-05-02 22:23 爽朗琴天 阅读(122) 评论(0) 推荐(0)
for循环
摘要：什么时候会用到循环呢？ 1）重复执行某些代码 2）每次执行的时候有一个数不停的变化 例：for循环的执行顺序 例：在for循环中有需要判断数组长度的，例如下面这个例子中aLi.length，我们可以先定义一个变量来承载aLi.length，如下的var len=aLi.length；这样可以避免fo 阅读全文
posted @ 2017-04-26 16:39 爽朗琴天 阅读(147) 评论(0) 推荐(0)
javascript中innerHTML、outerHTML、innerText和outerText的区别
摘要：1、功能讲解: innerHTML 设置或获取位于对象起始和结束标签内的 HTML （从对象的起始位置到终止位置的全部内容,包括Html标签） outerHTML 设置或获取对象及其内容的 HTML 形式 （除了包含innerHTML的全部内容外, 还包含对象标签本身） innerText 设置或获 阅读全文
posted @ 2017-04-26 13:04 爽朗琴天 阅读(199) 评论(0) 推荐(0)
切换图片
摘要：请看实例： 阅读全文
posted @ 2017-04-21 21:51 爽朗琴天 阅读(114) 评论(0) 推荐(0)
js中的条件判断方法总结
摘要：js中我们可以使用以下语句： •if 语句 - 只有当指定条件为 true 时，使用该语句来执行代码•if...else 语句 - 当条件为 true 时执行代码，当条件为 false 时执行其他代码•if...else if....else 语句 - 使用该语句来选择多个代码块之一来执行•swit 阅读全文
posted @ 2017-04-21 17:24 爽朗琴天 阅读(1246) 评论(0) 推荐(0)
js属性读写注意事项
摘要：（一）、js中不允许出现的特殊字符：js中不允许“-”，所以类似font-size、margin-top、padding-left等需要写成：fontSize、marginTop、paddingLeft 例如：HTML部分： css： 效果： 当点击+、- 号时字体大小会随之变化；js代码如下： （ 阅读全文
posted @ 2017-04-20 23:00 爽朗琴天 阅读(197) 评论(0) 推荐(0)
js中null、undefined和NaN的区别
摘要：js中的数据类型有undefined,boolean,number,string,object等5种，前4种为原始类型，第5种为引用类型： 一、类型分析： 从上述例子可以看出：未定义的变量和定义了未赋值的为undefined，null是一种特殊的object,NaN是一种特殊的number。 二、比 阅读全文
posted @ 2017-04-17 13:19 爽朗琴天 阅读(564) 评论(0) 推荐(0)
JavaScript是如何实现继承的(六种方式)
摘要：大多数语言都支持两种继承方式： 接口继承和实现继承 ，而ECMAScript中无法实现接口继承，ECMAScript只支持实现继承，而且其实现继承主要是依靠原型链来实现。 1.原型链 基本思想：利用原型让一个引用类型继承另外一个引用类型的属性和方法。 构造函数，原型，实例之间的关系：每个构造函数都有 阅读全文
posted @ 2017-04-13 23:15 爽朗琴天 阅读(106) 评论(0) 推荐(0)
js数组操作大全
摘要：（一）shift()：删除原数组的第一项，并返回删除元素的值；如果原数组为空，则返回undefined。例如： 如果原数组为空： （二）unshift():将参数添加到原数组的开头，并返回数组长度： 注：在IE6.0下测试返回值总为undefined，FF2.0下测试返回值为7，所以这个方法的返回值 阅读全文
posted @ 2017-04-13 16:30 爽朗琴天 阅读(227) 评论(0) 推荐(0)
javascript和jQuery动态修改css样式的方法
摘要：/* javascript方法 *javascript动态修改css效果的方法（四种） * 第一种：使用obj.className来修改样式表的类名。例如：div1.style.width="100px"; * 第二种：使用obj.style.cssText来修改嵌入式的css。例：div1.sty 阅读全文
posted @ 2017-03-27 16:24 爽朗琴天 阅读(37406) 评论(0) 推荐(1)
级联列表
摘要：css样式： 阅读全文
posted @ 2017-03-24 18:44 爽朗琴天 阅读(139) 评论(0) 推荐(0)
切换搜索框
摘要：jQuery，未使用闭包： 使用jQuery闭包： javascript方法： HTML部分： css部分： 使用jQuery方法实现需要引入jQuery外部文件 需要注意：在jQuery中的事件不加on，例如click()、focus()、和blur()事件。。。。。而在javascript中要加 阅读全文
posted @ 2017-03-24 15:31 爽朗琴天 阅读(540) 评论(0) 推荐(0)
两种方法实现在HTML页面加载完毕后运行某个js：
摘要：Js方法： jQuery方法，需要引用jQuery文件： 或者其简写： 在DOM加载完就可以执行（比window.onload更早）。在同一页面中可以多次出现.ready() 两者主要区别：Window.onload=function (){}: 当一个文档完全下载到浏览器中时，才会触发window 阅读全文
posted @ 2017-03-23 14:33 爽朗琴天 阅读(141178) 评论(0) 推荐(1)
原生js实现的3个小特效（时钟、轮播图、选项卡）
摘要：时钟： 轮播图： 选项卡：（样式比较丑，我也比较懒得改了） <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>tab选项卡</title> <script type="text/javascript"> window.onloa 阅读全文
posted @ 2017-03-22 22:56 爽朗琴天 阅读(616) 评论(0) 推荐(0)
index>=imglist.length&&(index=0);如何理解
摘要：这是用原生js实现轮播图中的一句代码，全部代码为： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>原生js实现轮播图</title> <style type="text/css"> div,ul,body{margin:0;pa 阅读全文
posted @ 2017-03-21 17:21 爽朗琴天 阅读(1415) 评论(0) 推荐(0)
ECMAScript 5和ECMAScript6的新特性以及浏览器支持情况
摘要：ECMAScript简介： 它是一种由Ecma国际（前身为欧洲计算机制造商协会）制定和发布的脚本语言规范，javascript在它基础上经行了自己的封装。但通常来说，术语ECMAScript和javascript指的是同一个。业界所说的ECMAScript其实是指一种规范，或者说是一个标准。具体点来 阅读全文
posted @ 2017-03-21 16:17 爽朗琴天 阅读(6609) 评论(0) 推荐(0)

1