JavaScript
JavaScript
dancheng_work
在时间允许的情况下,源码是最好的开发文档。
展开
-
利用JavaScript实现,点击图片转到下一个图片
实现函数:function changImage(img){ img.src = img.src + "?" + new Date().getTime();}应用(在注册时填的图片验证码): function changImage(img){原创 2016-10-29 22:25:20 · 2451 阅读 · 0 评论 -
JavaScript获取构造器的方法
构造器:使用什么元素实例化的对象,元素就称为该对象的构造器 对象.constructor; //获得构造器 function Animal() { //设置默认成员 this.name = "dd"; this.age = 6; this.run = function () { conso原创 2017-08-17 21:02:03 · 684 阅读 · 0 评论 -
JavaScript的异常处理
try{ 有可能产生异常(错误)的语句 如果其中一个语句有错误,就直接跳到catch执行,后续代码就不给执行了 xxxx后续代码}catch(Exception ex){ 捕捉错误语句,通过ex对象获得具体错误信息}finally{ 在php里边没有finally javascript和java里边有此finally原创 2017-08-17 21:05:27 · 219 阅读 · 0 评论 -
JavaScript使用正则表达式
正则组成内容:普通字符、定义字符集、组合字符集、特殊字符集、限制字符集、模式修正符等 //创建一个正则模式 //var reg = /正则内容/; var reg = /Mon/; //创建匹配的内容 var str = "today is Monday"; //进行匹配 //字符串.match(正则) var rst =原创 2017-08-17 21:07:44 · 162 阅读 · 0 评论 -
JavaScript正则表达式定义字符集
[a-e] 表示a到e这些字符中的某一个字符[aeiou] 表示aeiou这5个字符其中的某一个字符[a-zA-Z] 表示大写、小写字母中的某一个字符[a-zA-Z0-9_-] 或小写、或大学、或数字或下划线横杠某一个字符[0-9] 表示0到9之间任意一个数字 //创建一个正则模式 //[0-9]匹配原创 2017-08-17 21:16:15 · 349 阅读 · 0 评论 -
JavaScript版正则表达式组合和限制字符
1、组合字符\d :表示数字[0-9]\D :表示非数字[^0-9]\w :表示字母、数字、下划线其中一个[a-zA-Z0-9_]\W :非字母、数字、下划线\s :表示空格\S :表示非空格\b :表示单词边界\B :表示非单词边界 var reg = /\d+/g; //表示数字[0-9] var str = "2017-08-12原创 2017-08-17 21:19:17 · 1232 阅读 · 0 评论 -
JavaScript匹配ip地址
//192.33.65.241 //第一段:1-223 //第二段:1-255 //第三段:1-255 //第四段:1-255 var reg = /^([1-9]|[1-9]\d|1\d\d|2[01]\d|22[0-3])(\.([1-9]|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])){3}$/; str = "192.33.原创 2017-08-17 21:22:25 · 1068 阅读 · 0 评论 -
JavaScript匹配邮箱
//[email protected] //[email protected] //[email protected] var reg = /^\w[a-zA-Z0-9_\.]{4,9}@\w+(\.[a-z]+)+$/; var str = "[email protected]"; //结果:["[email protected]", ".com", index:原创 2017-08-17 21:23:41 · 420 阅读 · 0 评论 -
JavaScript表单域验证
window.onload = function(){ //form表单的提交事件,用于验证表单域项目 var fm = document.getElementsByTagName('form')[0]; fm.onsubmit = function(){ //验证邮箱原创 2017-08-17 21:24:25 · 287 阅读 · 0 评论 -
JavaScript的location对象
Title function f1() { console.log(window.location.href); } function f2() { window.location.href = '24.php'; } div {width:原创 2017-08-12 14:12:19 · 215 阅读 · 0 评论 -
JavaScript的windows对象常用方法
电子表事件: Title function showtime() { //创建事件对象,获得当前时间,并在页面上显示 var d = new Date(); var year = d.getFullYear(); var month = d.getMon原创 2017-08-12 14:20:04 · 628 阅读 · 0 评论 -
JavaScript作用域链
变量在当前环境now、内部环境f1、内部深层环境f2/f3....都起作用的现象形成了一个链条,这个链条就称为变量的"作用域链" Title //作用域 var title = "链条"; console.log("new:" + title); function f1() {原创 2017-08-12 18:51:49 · 196 阅读 · 0 评论 -
作用域的作用
1、变量必须先声明、后使用函数可以“先使用、后声明”,原因是函数有“预加载”过程(函数声明先于其他执行代码进入内存)。本质还是函数的声明在前,使用在后。2、内部环境可以访问外部环境的变量,反之不然 var age = 20; function f1() { var height = 170; console.log(age原创 2017-08-12 18:55:27 · 599 阅读 · 0 评论 -
JavaScript执行环境可以访问变量的类型及优先顺序
优选级:本环境函数>>>>本环境变量>>>>形参>>>>外部环境变量 var height = 175; function f1() { var height = 165; function f2(height) { console.log(height); function height() {原创 2017-08-12 18:56:32 · 191 阅读 · 0 评论 -
JavaScript的闭包
1、什么是闭包闭包就是一个函数,两个函数彼此嵌套,内部函数就是闭包形成闭包条件是内部函数需要通过return给返回出来. //简单闭包 function f1() { var age = 20; var height = 180; function f2() { console.log('年龄'原创 2017-08-12 18:59:11 · 204 阅读 · 0 评论 -
JavaScript闭包案例
1、闭包生成数组元素 //创建数组元素 var arr = new Array(); for(var i = 0; i < 4; i++){ arr[i] = f1(i); } function f1(n) { function f2() { console.log(n); }原创 2017-08-12 19:02:04 · 221 阅读 · 0 评论 -
JavaScript创建对象
javascript创建对象的三种方式:字面量方式创建构造函数创建对象Object方式创建对象1、字面量创建方式 /*字面量方式 var obj = {}; var obj1 = {name:'dancheng', age:1}; 给对象丰富成员 对象.成员名称 = 值 对象[成员名称] = 值 */原创 2017-08-14 20:28:50 · 194 阅读 · 0 评论 -
JavaScript中的call方法
var cat = {name:'tom', climb:function (addr, time) {console.log(this.name + '在' + addr + '时间:' + time + '爬树');}}; var dog = {name:'旺财', hobby:'看家'}; //dog调用climb方法, 方法名称.call(方法内部this指引, 参数1原创 2017-08-17 21:00:20 · 225 阅读 · 0 评论 -
JavaScript的事件对象
事件对象,每个事件(包括鼠标、键盘事件)触发执行的过程中,都有对应的事件对象,通过事件对象可以获得鼠标相对页面的坐标信息、通过事件对象也可以感知什么键子被 触发执行、通过事件对象还可以阻止事件流产生、阻止浏览器默认动作。1、获得事件对象获得:①主流浏览器(IE9以上版本浏览器):node.onclick = function(evt){evt就是事件对象}addEven原创 2017-08-09 23:36:22 · 643 阅读 · 0 评论 -
JavaScript的事件流
多个彼此嵌套元素,他们拥有相同的事件,最内部元素事件被触发后,外边多个元素的同类型事件也会被触发,多个元素他们同类型事件同时执行的效果称为“事件流” Title div {width: 400px; height: 300px; background: lightblue;} p {width: 400px; height: 150原创 2017-08-09 23:27:47 · 221 阅读 · 0 评论 -
swipe js插件使用
一、下载js包:http://download.csdn.net/detail/dancheng1/9842288二、使用方法:(1)HTML结构 (2)样式代码.swipe { overflow: hidden; visibility: hidden; position: relative;}.swipe-w原创 2017-05-16 22:10:35 · 470 阅读 · 0 评论 -
JavaScript代码规范
在html代码里边引入js语言具体js代码js文件”>② 代码大小敏感true/falseTRUE/FALSE 识别不出来是正常还是错误③ 结束符号 每个简单语句使用”;”结束,与php类似 在javascript里边,该分号不是必须,但是推荐使用④ 注释// 单行注释/*多行注释*/⑤ 变量其值可以发生改变的量就是变量。变量原创 2017-08-07 23:13:17 · 182 阅读 · 0 评论 -
JavaScript的函数使用
1、传统函数function 函数名(){}该方式的函数有“预加载”过程,允许我们先调用函数、再声明函数预加载:代码先把函数的声明放入内存。代码开起来是先调用、后声明,本质是先声明、后调用的。函数名();function 函数名(){}函数先调用、后声明的条件是,全部代码在一个””标记里边。2 变量赋值方式声明函数(匿名函数使用)var原创 2017-08-07 23:17:25 · 172 阅读 · 0 评论 -
JavaScript中arguments关键字
function 函数名(){} //函数声明没有形参函数名(实参,实参); //调用的时候有传递实参利用arguments可以在函数里边接收实参信息。 function f1() { //console.log(arguments.length); //获取参数的个数 var len = arguments.length;原创 2017-08-07 23:18:59 · 728 阅读 · 0 评论 -
JavaScript中callee关键字
意思:在函数内部使用,代表当前函数的引用。function f1(){xxxx具体执行代码arguments.callee(); //调用本函数(或者f1())//都可以使得本函数执行,我们选择callee,其可以降低代码的耦合度。xxxx执行代码}f1();耦合:一处代码的修改会导致其他代码也要发生改变。 在程序项目里边要开发低耦合度的代码。原创 2017-08-07 23:20:18 · 205 阅读 · 0 评论 -
JavaScript中函数调用
1、传统方式函数调用函数名();2、匿名函数调用(function(){})();//匿名函数,好处:本身不会被同名变量污染(function (name) { console.log('姓名:' + name);})('dancheng');结果:原创 2017-08-07 23:22:04 · 157 阅读 · 0 评论 -
JavaScript的全局变量和局部变量
1、全局变量php里边:① 函数外部声明的变量。 ② 在函数内部也可以声明全局变量(函数调用之后起作用) funciton f1(){ global $title; $title = “javascript”; } f1(); echo $title;javascript里边:① 在函数外部声明的变量 ②原创 2017-08-07 23:23:40 · 232 阅读 · 0 评论 -
JavaScript的数组定义和长度获取
1、定义var arr = [元素,元素,元素。。。];var arr = new Array(元素,元素,元素。。。);var arr = new Array(3);arr[0] = 元素;arr[1] = 元素; //声明 //如果一个数组的下标是自定义的,那么该元素就是对象元素(非数组) //数组在JavaScript里是对象的一部分原创 2017-08-07 23:26:56 · 24070 阅读 · 1 评论 -
JavaScript的两种数组遍历
沿着一定的顺序对数组内部的元素做一次切仅做一次访问,就是遍历。for循环 遍历for-in遍历 var color = ['red', 'blue', 'green']; color['jinse'] = 'gold'; color[10] = 'pink'; //1、for循环遍历,为了遍历效果更好,数组下标最好为0/1/2... for(v原创 2017-08-07 23:29:08 · 323 阅读 · 0 评论 -
JavaScript的数组常用方法
instanceof函数 //判断对象是否是指定构造器实例化的 //Array是数组对象的构造器 var color = ['red', 'blue', 'green']; console.log(color instanceof Array); console.log(color instanceof Date);结果:push(原创 2017-08-07 23:32:52 · 254 阅读 · 0 评论 -
JavaScript的eval用法
var a = 10; var b = 20; console.log(a + b); console.log("a + b"); //通过eval把a+b当做表达式的上下文环境 console.log(eval("a + b")); console.log("alert(123)"); eval("alert(456)");结果:原创 2017-08-07 23:34:27 · 248 阅读 · 0 评论 -
JavaScript中DOM中节点获取
具体操作方法:document.getElementById(id属性值);document.getElementsByTagName(tag标签名称);document.getElementsByName(name属性值);不推荐,有浏览器兼容问题,通常应用在form表单里边。1、document.getElementById获取属性值 获取元素结点原创 2017-08-09 23:03:58 · 530 阅读 · 1 评论 -
JavaScript属性值操作
1、属性值操作http://www.baidu.com" addr='beijing' target="_blank">百度1、获取属性值itnode.属性名称; //只能操作w3c规定的属性itnode.getAttribute(属性名称); //规定的 和 自定义的都可以获取2、设置属性值itnode.属性名称 =值; //只能操作w3c规原创 2017-08-09 23:11:15 · 257 阅读 · 0 评论 -
JavaScript结点的创建和追加、复制、删除
1、结点的创建和追加节点创建元素节点:document.createElement(tag标签名称);文本节点:document.createTextNode(文本内容);属性设置:node.setAttribute(名称,值);节点追加:父节点.appendChild(子节点); 父节点.insertBefore(newnode,oldnode); //ne原创 2017-08-09 23:18:24 · 607 阅读 · 0 评论 -
JavaScript中dom对css样式操作
1、获取css样式元素节点.style.css样式名称;divnode.style.width; //获取宽度样式2、设置css样式(有则修改、没有则添加)元素节点.style.css样式名称 = 值;divnode.style.width =‘500px’;设置div宽度样式 注意:1、dom操作css样式只能操作“行内样式”(css样式分为 行内、内部、外部)原创 2017-08-09 23:20:41 · 558 阅读 · 0 评论 -
JavaScript中事件操作和设置事件
所有事件:onclick 点击事件onmouseover 鼠标移入事件onmouseout 鼠标移出事件onkeyup 键盘按下事件onkeydown 键盘抬起事件onblur 失去焦点事件onfocus原创 2017-08-09 23:25:49 · 539 阅读 · 0 评论 -
JavaScript中对象调用其他函数/对象成员
1、调用其它函数 var mingzi = "dancheng"; function say() { console.log('名字' + this.mingzi + '在演讲'); } var cat = {mingzi:'kitty', eat:'fish'}; cat.express = say; cat.express()原创 2017-08-14 20:32:38 · 4863 阅读 · 0 评论