js基于浏览器的脚本语言,是一种弱类型语言
js组成结构
ecmascript 基础语法
bom 浏览器对象模型,
dom 文档对象模型
严格区分大小写
基于(面向)对象:js中一切都可以看做对象。 对象是由属性和方法组成
属性和方法的区别:属性不带小括号,方法带小括号
window.document.write() write()就是方法
table.width 表格的宽度,width就是属性
window是一个窗口对象,代表当前浏览器窗口,它是顶级对象,可省略不写
document是一个文档对象,代表当前文档(网页), 它是window对象的子对象
document对象具有很多的属性和方法;
方法和属性的主要区别是:方法名带括号,属性不带
html加载顺序:
从上到下,从里到外
引入方式:
行内式 <a href = "javascript:void(0);">点我啊</a>
内联式 <script type="text/javascript">
function checkMe(){
alert(内容)
}
</script>
作用范围:仅对当前页面有效
外链式
<script type="text/javascript" src ="1.js" ></script>
注释:单行注释 //
多行注释 /*内容*/
ecmascript:数据类型 只能存储一个值
基本数据类型: number 数字 整数/小数/NaN 一个不是数字的数字
string 字符串 "abc " "a" 'abc'
boolean true 和false
null 一个对象为空的占位符, 一个不存在的值
undefined 未定义 如果一个变量没有给初始化值,则会被默认赋值为undefined
定义变量: var 变量名 = 初始化值;
var 变量名;\
运算符:
1.一元运算符
string转number:按照字面值转换,如果字面值不是数字,则转换成为NaN.
boolean转number: ture转换为1, false转换为 0.
2.算数运算符
+ - * / % ...
3.赋值运算符
= += -+....
4.比较运算符
> < >= <= == ===(全等于) !==
1.类型相同,直接比较
2.类型不通,先进行类型转换,在进行比较
===:全等于。在比较之前,先判断类型,如果类型不一样,则直接返回false
5.逻辑运算符
&& || !
其他类型转boolean
1.number:0或NaN为假,其他为真.
2.string:除了空字符串(""),其他都是true
3.null&undefined:都是false
4.对象:所有对象都为true
Function函数的方法对象:
创建
1.function 方法名称(形式参数列表) {
方法体
}
2.var 方法名称 = function (形式参数列表) {
方法体
}
3.属性: length:代表形参的个数,
4.特点:1.方法定义时形参的类型不用写,返回值类型也不用写
2.方法时一个对象,如果定义名称相同的方法,会覆盖
3.在js中,方法的调用只与方法名称有关,与参数列表无关
4.在方法声名中有一个隐藏的内置对象(数组),arguments,封装所有的实际参数
5.调用:
方法名称 (实际参数列表);
正则表达式对象
1.\d:单个数字字符[0-9]
\w:单个单词字符[a-z A-Z 0-9_]
2.量词符号:
?:表示出现0次或1次
*:表示出现0次或多次
+:出现1次或多次
{m,n}:表示 m < 数量 <=n
m如果缺省:{,n}:最多n次
n如果缺省:{m}:最少m次
3.开始结束符号:
^:开始
$:结束
4.正则对象:
创建:var reg = new RegExp("正则表达式")
var reg = /正则表达式/;
Global:
1.特点:全局对象
2方法:encodURI():URL编码
decodeURl()解码
基于事件和事件的驱动:
事件:鼠标的点击onclick,就是一个事件,另外还有键盘事件.
事件驱动:当事件发生时,执行什么样的程序命令,事件发生时,会触发相应程序,执行相应的代码.
常见的事件
1.点击事件
1.onclick 单击事件
2.ondbclick 双击事件
2.焦点事件
1.onblur: 失去焦点
2.onfocus 获得焦点
|
|