03 JS基础讲课笔记
//JS的概念---------------------------------------------------------------------- 前端动态脚本语言,只能在浏览器端运行,如果浏览器禁用了JS,JS就完全失效。 javascript和java没有任何关系。只是名称相似而已 是一种基于对象的语言,它没有类 弱类型的语言,不需要声明类型就可以直接使用 //JS可以写在文档的什么位置------------------------------------------------------ [1]外部文件,用<script type="text/javascript" src="js.js"></script>方式引入 [2]直接写在页面上的任何位置,用<script type="text/javascript">JS的代码</script>包起来 [3]写在HTML内部比如<div onclick="test()"></div> //消息框------------------------------------------------------------------------ 消息、警告框: alert('内容'); 确认框: var rs = confirm('内容'); alert(rs); 输入框: var name=prompt("请输入您的名字","Bill Gates"); alert(name); 直接写在页面: document.write(rs); //JS的停止程序执行------------ 一般是在函数体里面return false才能结束函数向下运行。 //JS代码的注释规范-------------------------------------------------------------- //单行注释 /* *多行注释 */ //语法-------------------------------------------------------------------------- 每一行命令结束,一般用英文的分号结束,不加也可以,但是建议加上。有利于将来代码优化合并 //变量------------------------------------------------------------------------- var声明一个变量,也可以不要var,不要var在函数内部,变量就为全局变量 变量只在当前页面有效 变量的命名:英文,数字,下划线,一般用英文开头,下划线开头也可以。但是不能用数字开头。建议用英文开头。 【建议规范】变量名不用驼峰式命名法,全部用小写字母,不同的单词之间用下划线连接。不建议:thisMenu 建议:this_menu var a = 1; var b = 2; alert(a + b); 也可以如下方式声明变量 var a = 1, b = 2; var a,b; //数据类型---------------------------------------------------------------------- //整型 --比如:1,2,0 //浮点型 --1.2,1.0 //字符串 --非数字都是字符串,字符串必须用双引号或单引号包起来。换句话说,数字被引号包起来,数字也就成了字数串。 //布尔型 --真(true)或假(false) //对象 --Object //NULL --空 唯一个值就是NULL //NaN --唯一一个值就是NaN //undefined --未定义 //日期 --Date 全局变量和局部变量 全局和局部是相对于函数来讲的,没有函数,就没有全局和局部的区别。 在函数内部的变量,如果声明的时候没有用var关键字修饰,则该变量就会是一个全局的变量,它会改变函数外部在它之前运行的同名变量的值。 //数组-------------------------------------------------------------------------- 通俗地理解,可以一次性存多个值的一个变量 声明: 第一种赋值法: var arr = new Array(1,2,3); 注:Array的首字母一定要大写 第二种赋值法: var arr = new Array(); arr[0] = 1; arr[1] = 2; arr[2] = 3; 第三种赋值法: arr = [1,2,3]; 数组的下标:即中括号里面的名字。下标的另一个名字叫key,也可以叫“键名” 数值是从0开始的,每次加1 //转义字符---------------------------------------------------------------------- \可以转以下字符:" ' \ 特殊代表:\n换行(Enter) \r光标回头(归位) \t水平定位(TAB) //运算符------------------------------------------------------------------------ [算术运算符]======= + - * / %取模:表示取余数,/取的是商 例: 5 % 2 = 1; 5 / 2 = 2.5; ++ 累加 前加,后加 -- 累减 前减,后减 例: i = 1; alert(--i); alert(i); i = 1; alert(i--); alert(i); [赋值运算符]======= = 赋值 += -= /= *= %= 例: var i = 6; i += 3; 等同于 i = i +3; alert(i); //连接符------------------------------------------------------------------------ + 在算术运算里,+就是加号的意思 +出现在两个字符串中间,表示把两个字符串连起来 [比较运算符]======= == 两边的值进行比较 === 全等,不仅比较值,还比较两个值的类型 != 不等于 !== 全不等于 > < >= <= var a = '1'; var b = 1; if(a === b) { alert('相等'); } else { alert('不相等'); } [逻辑运算符]======= && and || or !非 0,false,null,undefined,'',NaN,都代表假 [三元运算符]======= x = true ? 1 : 0; 相当于 if(true) { x = 1; } else { x = 0; } 语句---------------------------------------------------------------------------- [条件语句]================== if语句 if(表达式) { 表达式的值为真的时候运行的语句块 } else { 表达式的值为假的时候运行的语句块 } 变体: If..else if()...else 语句 注:else if() 之间有空格,不连在一起的elseif switch 语句 switch(变量) { case 值: 语句块; break; case 值: 语句块; break; case 值: 语句块; break; ......... default: 语句块; break; } break;结束并跳出语句 [循环语句]================== for循环 for(i = 1; i <= 10; i++) { 语句 } 例如: for(i = 1; i <= 1000; i++) { document.write(i + '<br />'); } //99表 for(i = 1; i <= 9; i++) { for(ii = 1; ii <= i; ii++) { document.write(ii + '*' + i + '=' + i*ii + ' '); } document.write('<br />'); } for in 遍历 for(x in document) { document.write(x + ' ---- ' + document[x] + '<br />'); } do while循环 do { 语句块 } while(条件); while循环 i = 0 while (i <= 5) { document.write("数字是 " + i) document.write("<br>") i++ } 事件---------------------------------------------------------------------------- 一般指电脑对鼠标或键盘操作时所做的反应,比如说按回车键,单击,双击鼠标 <div onclick="test()"></div> onclick单击 ondblclick双击 onmouseover鼠标经过 onmouseout鼠标移开区域 onmousedown鼠标按下去,没有弹起来 onmouseup鼠标弹起来 onmousemove鼠标移动 onfocus获取焦点 onblur失去焦点 onkeydown当键被按下去时 onkeyup当键被弹起来 onkeypress放开键盘按键 onsubmit提交表单 onreset重置表单 onselect选择内容,选择文本,而不是表单 onchange选择select,checkbox,radio表单 onload页面载入时 onunload离开页面时 oncontextmenu右键 函数---------------------------------------------------------------------------- 函数也可以叫方法,一般是在面向对象的语言里这样叫方法,通常类内部的函数叫方法,类外部的叫函数 function test(参数,参数) { 语句块; } 参数可有可无,函数调用时,可以不写参数 函数的调法: 直接在函数体的外部写函数名即可。 ================================================================================ 【页面对象】 form div window location history document