JavaScript运算符

常用的运算符,我为大家大致分为5类(算数运算符、赋值运算符、比较运算符,逻辑运算符、其他运算符)   算术运算符:+ – * / 取模:%  取余数 负数:只需要在变量或数值前面加上一个-(减号)即可 自增&自减:++  —   赋值运算符: var a = 1; 赋值 a = a – 1; 等同于 a -= 1; //减法 ...

阅读全文
前端技术 994 次阅读 抢沙发

作用域、JS预解析机制

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

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

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

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

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

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,234 次阅读 抢沙发

JavaScript函数

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

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

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( ...

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

JavaScript的数据类型转换

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

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

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,574 次阅读 抢沙发

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,906 次阅读 抢沙发

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,653 次阅读 抢沙发