作用域、JS预解析机制

作用域: 域:空间、范围、区域,作用:读、写 “JS解析器” 1)“找一些东西”:var  function 参数   a = …      所有的变量,在正式运行代码之前,都提前赋了一个值:未定义(undefined)。   fn1 = function fn1(){ alert(2); } ...

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

JavaScript传参实例:商品价格计算

我们使用函数传参是为了重用代码,应当遵循以下原则: 1、尽量保证 HTML 代码结构一致,可以通过父级选取子元素; 2、把核心主程序实现,用函数包起来; 3、把每组里不同的值找出来,通过传参实现。 例:商品价格计算 HTML布局 <ul id="list"> <li> <input type="button" value="-" /> ...

阅读全文
前端技术 3,746 次阅读 抢沙发

JavaScript函数传参、参数类型

函数传递参数,参数=JS的数据类型:数字、字符串、布尔值、函数、对象、未定义 例1: <script> fn1(100, ‘px’); function fn1(a, b){ alert( a+b ); // 100px } fn2(‘邦邦的小站’); function fn2(a){ alert(a.charAt(3)); // 小 } function fn4(){ alert(4); } fn3( fn4 ); // 4 &l ...

阅读全文
前端技术 2,160 次阅读 抢沙发

JavaScript函数

函数的作用是定义一次但却可以多次调用或执行任意次的代码,换句话说,需要重复执行的东西我们就可以把它写成函数。 函数主要分为这么几种:无参函数,单参函数,多参函数,返回值函数,递归函数,匿名函数和构造函数。 无参函数: 函数的声明必须要用到一个关键字function,格式如下: function 名称() { 方法体 } 单 ...

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

NaN详解及isNaN()方法的应用

NaN:not a number 不是个数字的 数字类型 <script> var a = Number('abc'); // alert( a ); // NaN // alert( typeof (a) ); // number // 一旦写程序中出现:NaN 肯定进行了非法的运算操作 // alert( '200px' - 100 ); // NaN 是 false if( a ){ // alert( '真' ); }else{ // alert( ...

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

JavaScript的数据类型转换

显式类型转换(强制类型转换): Number()      函数把对象的值转换为数字(如果无法转换为数字,那么返回NaN)。 parseInt()    函数可解析一个字符串,并返回一个整数。 parseFloat()  函数可解析一个字符串,并返回一个浮点数(开头和结尾的空格是允许的,如果字符串的第一个字符不能被转换为数字,则返回NaN)。 隐式类型转换: ...

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

JavaScript数据类型及相关操作

ECMAScript:标准、核心 HTML 标签类型:block、inline、inline-block、table…… JS中的数据类型:数字、字符串、布尔、函数、对象(obj、[]、{}、null)、未定义 typeof 判断数据类型 <script> var i = 100; // alert( typeof i ); // number var s = ' miaov '; // alert( typeof s ); // string // al ...

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

JavaScript练习:带缩略图的图片切换效果

<!doctype html><html><head> <meta charset="utf-8"> <title>带缩略图的图片切换效果</title> <style> body,div,h2,a,ul,li,p{ margin:0; padding:0;} li{ list-style:none;} #banner{ width:720px; height:500px; margin:0 auto;padding:20px 30px; background: ...

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

JavaScript操纵HTML元素的自定义属性

JS 可以为任何HTML元素添加任意个 自定义属性 元素.属性名=属性值,如:aBtn.abc = 123; 例: <input type="button" value="按钮1" /> <script> window.onload = function (){ var aBtn = document.getElementsByTagName('input')[0]; aBtn.abc = 123; // 添加自定 ...

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

js中的this关键字详解

this是Javascript的一个关键字,随着函数使用场合不同,this的值会发生变化。但是总有一个原则,那就是this指的是调用函数的那个对象。 无标题文档 // this : 这个 // this: 指的是调用 当前 方法(函数)的那个对象 function fn1(){ // this } // fn1(); this => window // oDiv.onclick = fn1; this => oD ...

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