JavaScript笔记 - 随笔分类 - laugh

拿到input file上传文件名字显示到页面中

摘要：$(".aFileBtn").on("change","input[type='file']",function(){ var filePath=$(this).val(); //filePath.indexOf("jpg")!=-1 || filePath.indexOf("png")!=-1 if(filePath.length > 0){ $(".f... 阅读全文

posted @ 2018-10-24 11:27 laugh 阅读(3327) 评论(0) 推荐(0)

jqeury.base

摘要：min.js tool.js 阅读全文

posted @ 2016-07-26 16:13 laugh 阅读(274) 评论(0) 推荐(0)

bootstrap/moban191/js/templatemo_custom.js

摘要：(function($) { "use strict"; // Cache selectors var lastId, topMenu = $(".menu-holder"), topMenuHeight = topMenu.outerHeight()+... 阅读全文

posted @ 2015-04-10 10:13 laugh 阅读(628) 评论(0) 推荐(0)

DOM元素尺寸和位置

摘要：一、获取元素 CSS大小1.通过style 内联获取元素的大小var box = document.getElementById('box'); //获取元素box.style.width; //200px、空box.style.height; //200px、空style 获取只能获取到行内sty... 阅读全文

posted @ 2015-04-05 21:46 laugh 阅读(436) 评论(0) 推荐(0)

浏览器检测navigator 对象

摘要：1.浏览器及版本号不同的浏览器支持的功能、属性和方法各有不同。比如IE 和Firefox 显示的页面可能就会有所略微不同。alert('浏览器名称：' + navigator.appName);alert('浏览器版本：' + navigator.appVersion);alert('浏览器用户代理... 阅读全文

posted @ 2015-03-26 21:56 laugh 阅读(803) 评论(0) 推荐(0)

自定义函数

摘要：//跨浏览器的方法var leftX = (typeof screenLeft == 'number') ? screenLeft : screenX;var topY = (typeof screenTop == 'number') ? screenTop : screenY;//可视窗口的宽和高... 阅读全文

posted @ 2015-03-24 21:35 laugh 阅读(142) 评论(0) 推荐(0)

面向对象与原型---继承

摘要：继承是面向对象中一个比较核心的概念。其他正统面向对象语言都会用两种方式实现继承：一个是接口实现，一个是继承。而ECMAScript 只支持继承，不支持接口实现，而实现继承的方式依靠原型链完成。一、原型+对象构造之间的关系结构像链条一样，称原型链。function Box() { //Box 构造/、... 阅读全文

posted @ 2015-03-23 00:17 laugh 阅读(294) 评论(0) 推荐(0)

面向对象与原型2

摘要：原型模式创建对象也有自己的缺点，它省略了构造函数传参初始化这一过程，带来的缺点就是初始化的值都是一致的。而原型最大的缺点就是它最大的优点，那就是共享。原型中所有属性是被很多实例共享的，共享对于函数非常合适，对于包含基本值的属性也还可以。但如果属性包含引用类型，就存在一定的问题：（传参）//原型的缺点... 阅读全文

posted @ 2015-03-22 23:06 laugh 阅读(224) 评论(0) 推荐(0)

面向对象与原型

摘要：ECMAScript 有两种开发模式：1.函数式(过程化)，2.面向对象(OOP)。面向对象的语言有一个标志，那就是类的概念，而通过类可以创建任意多个具有相同属性和方法的对象。但是，ECMAScript 没有类的概念，因此它的对象也与基于类的语言中的对象有所不同。创建一个对象，然后给这个对象新建属性... 阅读全文

posted @ 2015-03-22 17:23 laugh 阅读(179) 评论(0) 推荐(0)

基本包装类型：Boolean、Number 和String

摘要：/*var box = 'Mr. Lee'; //基本类型//alert(box);//alert(typeof box);alert(box.substring(2)); //对象.方法(参数)，这种写法明显是引用类型的写法 ... 阅读全文

posted @ 2015-03-22 15:32 laugh 阅读(213) 评论(0) 推荐(0)

Function对象属性和方法

摘要：/*var pattern = /^[\w]+\.(zip|rar|gz)$/; //|选择符必须用分组符号包含起来var str = '123.7z'; alert(pattern.test(str));function box(num1, num2) { ... 阅读全文

posted @ 2015-03-15 13:44 laugh 阅读(324) 评论(0) 推荐(0)

日期和时间1

摘要：/*var box = new Date(2007, 10, 15, 17, 22, 45, 15);alert(box); //Thu Nov 15 2007 17... 阅读全文

posted @ 2015-03-14 22:43 laugh 阅读(184) 评论(0) 推荐(0)

对象和数组的方法

摘要：对象使用各个方法的返回值，，，对原对象的影响（改变or是不变）/*var box = ['李炎恢', 28, '盐城', new Date()];alert(box);alert(box.toString());alert(box.valueOf());alert(box.toLocaleStrin... 阅读全文

posted @ 2015-03-14 22:00 laugh 阅读(172) 评论(0) 推荐(0)

对象和数组

摘要：/*var box = new Array(); //声明一个数组，空数组alert(typeof box); //数组属于object类型var box = new Arra... 阅读全文

posted @ 2015-03-14 21:14 laugh 阅读(115) 评论(0) 推荐(0)

运算符

摘要：第5 章运算符学习要点：1.什么是表达式2.一元运算符3.算术运算符4.关系运算符5.逻辑运算符6.*位运算符7.赋值运算符8.其他运算符9.运算符优先级ECMA-262 描述了一组用于操作数据值的运算符，包括一元运算符、布尔运算符、算术运算符、关系运算符、三元运算符、位运算符及赋值运算符。ECMA... 阅读全文

posted @ 2015-03-14 10:57 laugh 阅读(233) 评论(0) 推荐(0)

laugh

随笔分类 - JavaScript笔记

公告