Javascript 笔记

来源:互联网 发布:果宝特攻3玩具淘宝 编辑:程序博客网 时间:2024/06/07 12:15
JavaScript
Netscape
脚本语言可以嵌入到HTML中,
功能:
增强动态效果
实现浏览器和用户之间的动态交互
特点:
1.脚本,不单独保存编译执行 ,需要嵌入其他程序中执行
2.解释执行:每次执行都是从源代码转换到目标码
3.基于对象 弱类型 var
4.事件驱动 聚焦
5.简单


DOM(Document  Object Model)
文档对象模型

嵌入方式:
1.HTML任何位置
2.外部导入

变量声明:
Java 的命名规则:
StudentInfomation
变量
stuInfo
常量
STU-INFO
方法:
studentInfo()

Javascript命名规则:
字母、_、$开头,后面可以跟字母、下划线、$、数字
大小写敏感
29个关键字(不允许做变量)
break\case\catch\continue\debugger\default\delete\do\else\false\
finally\for\function\if\in\instanceof\new\null\return\switch\this\throw\
true\try\typeof\var\void\while\with


常用的变量
十进制 3,240
16进制 0xc,0x1,0x34
八进制 013
浮点型  3.14,2.1e4
布尔型 true false
字符型 "a",'asd',"abc","\n","\t","\""
空值常量 null
运算符
 +-*/ ++ -- %
! & | ^
+= -= *= /=

==(值相等)

===(值相等 、类型也相等)
8hello
hello35

alert()//对话框
不执行说明有语法错误

数组
var al=new Array();
var al=new Array(size);
var al=new Array(v1,v2,v3,……vx);
长度可变


函数 function

用来完成相对独立的功能
function<函数名>(<形参列表>)
{
    [return 语句]
}


事件
用于描述发生了什么事情
事件源 event source
产生事件的组件,通常是表单的控件
事件驱动 event driven
由事件引发程序响应,执行事先预备好的事件处理代码
事件处理代码 event handle
JS中通常是函数

事件类型
onclick    点击
ondbclick  双击
onload     
onunload
onchange    条目选中或组件内容值发生改变
onmousemove 鼠标移动
onfocus     获得焦点
onblur      失去焦点



javascript客户端验证
减轻服务器压力、提高用户体验,不需要页面转换即可重新输入数据
服务器验证
保证数据完整的最后一道线


常用对象
Math:
math.
PI,E,abs(),sin(),cos(),……,round(),sqrt(),
pow(),random()……

Date
getMonth+1
getDay//星期几
getDate//日期


字符串对象
String
length
charAt(idx)
indexOf(char)//第一次出现的位置
indexOf(char,fromIdx)
lastIndexOf(char)
substring(m,n)//包含m,不包含n
toLowerCase()
toUpperCase()

系统函数
parseInt(str)
parseInt(str,radix)
parseFloat(str)//
isNaN(num)判断是否是一个数字Not a Number false:是数字 true:不是数字
eval(str)//用于计算字符串形式给出的表达式值

浏览器对象
window     窗体框架
navigator  当前浏览器
location   当前访问的URL
document   当前页面
history    当前访问页面的历史
event      当前事件
window     -navigator
           -location
           -document   -a
           -history    -forms  -input
           -event