2017年05月_swpu_lwf

原创 getcomputedstyle、currentStyle、style

style属性：在JavaScript中，通过document.getElementById(id).style.XXX只能取到通过内嵌方式设置的样式值，即style属性里面设置的值。解决方案：引入currentStyle,runtimeStyle,getComputedStyle style 标准的样式,可能是由style属性指定的！ runtimeStyle ：运行时的样式！如果与styl

2017-05-30 21:36:15 377

原创 javascript中函数的arguments实参集合

1、arguments是实参集合，类似于数组，却不是数组在JavaScript中，arguments对象是比较特别的一个对象，实际上**是当前函数的一个内置属性。**arguments非常类似Array，但实际上又不是一个Array实例。如果用typeof arguments，返回的是’object’。虽然我们可以用调用数据的方法来调用arguments。比如length,还有index方...

2017-05-30 20:42:02 1119

原创深入理解js中的return

JavaScript在事件中调用函数时用return返回值实际上是对window.event.returnvalue进行设置，而该值决定了当前操作是否继续。当返回的是true时，将继续操作。当返回是false时，将中断操作。直接执行时（不用return），将默认返回undefined，不会对window.event.returnvalue进行设置，会默认地继续执行操作详细说明如下：例如：

2017-05-30 19:58:52 783

原创 JS中的真与假

会进行真值，假值判断的地方if，else ifswitchwhile，for&&，||：逻辑与逻辑或!!：转化成布尔值数据类型——数字（NaN)、字符串、布尔、函数、对象（elem、[]、{}、null）、未定义在js里，一般认为有内容或存在的（值或对象，0除外）进行判断时就是true值，而没有内容或不存在的(“”,undefined,null等等)进行判断时就是false值。真：

2017-05-29 20:52:12 2532

原创 js中隐式类型转换

一.值类型之间的数据类型转换: （1）数字和字符串使用+运算符: 数字和字符串如果使用+运算符进行操作，那么会将数字先转换为字符串，然后进行字符串连接操作:var antzone = "antzone";var num = 8;console.log(antzone+num);//antzone8（2）布尔值参与的+运算符操作: 如果有布尔型参与，那么首先会将布尔值转换为对应的数...

2017-05-26 17:03:34 5620 2

原创 js中Number()方法

Number方法（整体转换0）:var a = "+100";alert( a+100 ); // "100100"alert(Number(a)); // 100 var a1="000100";alert(Number(a1));//100var a2 = "";alert( Number(a1) ); // 0var a3 = " ";alert( Number(a1) ); //

2017-05-26 16:08:04 7730

原创 js空数组是true or false

var arr = new Array();// 或 var arr = [];初始化后，即使数组arr中没有元素，也是一个object。typeof arr;// "object"既然是object，用于判断条件时就会被转化为trueif(arr)console.log("it's true");// it's true这里写代码片但是，如果将arr与布尔值比较：arr == false;

2017-05-14 20:01:07 1758

原创 undefined和null的区别

一、相似性在JavaScript中，将一个变量赋值为undefined或null，老实说，几乎没区别。var a = undefined;var a = null;上面代码中，a变量分别被赋值为undefined和null，这两种写法几乎等价。undefined和null在if语句中，都会被自动转为false，相等运算符甚至直接报告两者相等。if (!undefined) conso

2017-05-14 19:25:19 233

原创 js中函数参数的值传递和引用传递

JavaScript 函数参数 JavaScript 函数对参数的值(arguments)没有进行任何的检查。函数显式参数与隐藏参数(arguments) 在先前的教程中，我们已经学习了函数的显式参数:functionName(parameter1, parameter2, parameter3) { code to be executed}函数显式参数在函数定义时列出。函数隐藏参

2017-05-14 12:46:48 784

转载 js中基本类型和引用类型的区别

数据类型在 javascript 中数据类型可以分为两类：基本类型值 primitive type，比如Undefined,Null,Boolean,Number,String。引用类型值，也就是对象类型 Object type,比如Object,Array,Function,Date等。1.基本类型基本类型的访问是按值访问的，就是说你可以操作保存在变量中的实际的值。基本类型

2017-05-14 12:13:43 359

转载深入理解js中函数中的形参与实参

前面的话　　javascript函数的参数与大多数其他语言的函数的参数有所不同。函数不介意传递进来多少个参数，也不在乎传进来的参数是什么数据类型，甚至可以不传参数。 arguments 　　javascript中的函数定义并未指定函数形参的类型，函数调用也未对传入的实参值做任何类型检查。实际上，javascript函数调用甚至不检查传入形参的个数function add(x){return

2017-05-14 11:37:15 2937

转载 ES5和ES6中对函数设置默认参数的方法总结

ES5中设置默认参数的方法：第一种方法：function example(a,b){ var a = arguments[0] ? arguments[0] : 1;//设置参数a的默认值为1 var b = arguments[1] ? arguments[1] : 2;//设置参数b的默认值为2 return a+b; }注意以上函数也可写作如下：f...

2017-05-14 11:14:03 2415

原创 js作用域（函数作用域、变量作用域、作用域链、with语句）

一：函数作用域先看一小段代码：var scope="global"; function t(){ console.log(scope); var scope="local" console.log(scope); } t(); 第一句输出的是： “undefined”，而不是 “global” 第二讲输出的是：”local” 你可能会认为第一句会

2017-05-12 14:08:19 420

原创 js中的this是什么、作用、指向

1、this是什么？ this是JavaScript语言中定义的众多关键字之一，它的特殊在于它自动定义于每一个函数域内。2、this的作用? 看个例子：function identify() { return this.name.toUpperCase();}function sayHello() { var greeting = "Hello, I'm " + identi

2017-05-12 13:49:25 419

转载 js中cssText批量修改元素样式

平常编写代码，更改一个元素样式的时候，自己都是用obj.style.width = "200px";obj.style.position = "absolute";obj.style.left = "100px";之类的代码进行设置，这样的话如果更改样式很多的时候，就要写很多代码。使用Javascript批量修改样式的方法： cssText 的使用:　　　　obj.cssText = "

2017-05-11 16:57:18 2078

原创 CSS3自定义滚动条的样式

webkit浏览器是如何自定义滚动条的呢？滚动条demo(只在谷歌浏览器中有效)： demo1：演示一 demo2:演示二滚动条的组成：::-webkit-scrollbar：滚动条整体部分::-webkit-scrollbar-thumb ：滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条）::-webkit-scrollbar-track：滚动条

2017-05-10 13:55:13 1475

原创 js兼容性解决及判断过程中的注意事项

1、js中不允许出现“ - ” 页面中改变文字大小-案例：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>页面中改变文字大小-案例</title><script type="text/javascript"> window.onload = function () {

2017-05-09 20:22:26 441

原创遮罩层的实现及应用

遮罩层的实现： 1、实现思路：利用div实现遮罩层效果：利用一个全屏、半透明的div遮住页面上其它元素<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>遮罩层</title> <style> html,body { margin:0; h

2017-05-08 21:01:38 11447

lwf的博客