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 + '&nbsp;&nbsp;&nbsp;&nbsp;');
    }
    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

 

posted @ 2013-06-03 15:43  Kiwi0921  阅读(265)  评论(0编辑  收藏  举报