JavaScript的作用和特点
- 前身:livescript
- JavaScript分三部分:核心,客户机端,服务器端,
- JavaScript特点:分布式运算,安全可靠,容易移植,使用浏览器对象。
JavaScript语法
- 常量:整形常量,浮点型常量,布尔常量,字符串常量,转义字符,UNdefine,NULL
- 变量:var 变量名=值
- 类型:原始类型(值放栈中,访问变量可直接访问变量的值):underfined,null,boolean,number,string
引用类型(指针放栈中,需通过指针才能访问):boolwan,number,string(这三是原始类型也可是引用类型),arrary,date,math - 运算符:算术运算符+,-,*,/,%,++,--,-
逻辑运算符:&&,||,!
比较运算符:>,<,===,!==,>=,<=
位运算符:&,|,^,~,<<,>>,>>>
赋值运算符:=,op=
条件运算符:条件?表达式1:表达式2
字符串连接运算符:+,+=
new运算符:创建一个对象
delete运算符:删除一个对象 - 语句:用;分。
表达书语句。条件语句if...else...。多路分支语句:switch..case...。循环语句:while。循环语句:do...while。循环语句for。退出循环:break,continue。
javas函数:
- 格式:function 函数名称()
{
函数体
} - return返回:没有包含return语句后return没有包含表达式,最终返回undefined。
- 局部变量:在函数内部定义的变量使用var修饰,只在函数内有效
全局变量:在函数内定义内var修饰,或在函数之外定义 - JavaScript不支持行内变量定义,作业变量最好在函数开始前处说明,才能保证他们是局部变量。
如果在语句中应用了一个未声明变量,自动回变成全局变量,可能会影响其他函数执行。
javas使用方法:‘
- 使用<script>标记将JavaScript脚本嵌入HTML中
- <script type="text/javascript"或src=myScript.js“”></script>,放入<head></head>或<body></body>之间。
- 外部JavaScript文件扩展名:.js
- String对象:字符。
常考:indexOf(指定字符,开始位置):返回字符串中第一个出现指定字符串的位置
split(字符串分隔依据):将字符串分隔为数组
toLowerCase():全变小写
toUpperCase():全变大写
valueOf():返回字符串对象的原始值
charAt():返回指定索引出的字符 - Math对象:数学运算。
常考:floor()返回四舍五入后最小整数。
random()返回位于0-1之间的随机数
round()四舍五入整值 - Date对象:日期时间。
常考:new Date()得到时间日期
getDay()星期几(返回0-6)
getFullYear完整4位年份数
getMonth()月(返回0-11)
getDate()日(返回1-31)
getHours()小时(返回0-23)
getMinutes()分钟(返回0-59)
getSeconds()秒数(返回0-59) - Ararry对象:数组模型。
常考:slice(开始,移除数,新元素):从数组移除一个或多个元素,有必要可以在移除位置添加新元素。
sort()排序
toString()将所有元素合并成一个字符串并返回,用,分隔 - Global:JavaScript初始化时的特殊对象。(概念,无需引用)
常考:属性:underfined指定一个未被赋值变量
方法:eval(String)判断一个字符串并将以脚本代码形式执行
isNaN(String)判断一个字符串是否是非数字值。
parseInt(String)将一个字符串解析为一个整数。
12点了未完待续
浏览器对象模型Bom:
(用于描述对象与对象之间层次关系的模型,提供独立于内容,可以与浏览器窗口进行互动的对象结构。)
(用于描述对象与对象之间层次关系的模型,提供独立于内容,可以与浏览器窗口进行互动的对象结构。)
window对象是bom的顶层对象,其他对象都是他的子对象。
- window对象(2-6都是window对象的属性)
表示浏览器打开的窗口,提供关于窗口状态的信息
调整窗口大小:window.moveBy移动到指定位置。window.moveTo移动到指定位置。window.resizeBy窗口改变为指定大小。 window.resizeTo窗口改变为指定大小。
打开新窗口:window.open(url,target,options)
系统对话框:window.alert 消息提示框。window.comfirm确认对话框(确定、取消)。window.prompt消息对话框(包含文本输入框)
状态栏控制:window.status
定时操作:window.setInterval设置定时器,window.clearInterval清除定时器(与后面区别:只执行一次)。。window.setTimeout设置定时器,window.clearTimeout清除定时器 - document对象
常考通用属性:document.title当前标题
方法:document.open/close,document.write/writeln(比write多一个换行符) - location对象
常考属性:location.host:提供url的hostname部分。
- navigatior对象
常考属性:navigator.appName:浏览器产品名
navigator.appVersion:浏览器版本号 - screen对象
(保存最终用户的屏幕分辨率和屏幕绘制文档的功能信息,在设置浏览器窗口特征时很有用) - history对象
(保存当前对话中用户访问的url信息)
常考属性:history.go(index)从浏览器历史加载url
history.forward=history.go(1)从浏览器历史加载下一个url
history.back=history.go(-1)从浏览器历史加载上一个url
JavaScript事件及处理
常考事件及含义:
常考事件及含义:
- onblur元素失去焦点
- onchange用户改变域的内容(文本输入框及选择域的内容变化事件,即随输入的东西而给出的反应)
- onclick鼠标点击某个对象(只在img,a,input有效)
- onfocus元素获得焦点
- onload某个页面或图像被加载完成
- onmouseout鼠标从某个元素移开
- onmouseover鼠标被移到某个元素之上
- onselect文本被选定
- onsubmit提交按钮被点击(用fasle来阻止该表单的提交行为)
程序处理程序引入(为某个标记元素对象绑定事件响应的函数)
事件绑定:其句柄名以属性名的 形式在html标记试题对象中出现,对应属性值事件响应的代码(函数名),从而实现Html标记元素与JavaScript事件响应的函数名对应。
静态引入:用;分隔,在某个标记中添加某个事件句柄的属性,再写事件处理的程序代码
动态引入:将事件响应的函数名直接赋值给html某个标记元素的事件属性,用id属性命名某个超链接,然后为该标记动态引入事件处理方法的代码
文档对象模型Dom:
- 文档D:根据网页创建的一个文档对象
- 对象O:一种独立的数据结合
- 模型M:文档对象的树状模型,元素与内容表现为一个个相互连接的结点
结点包括:元素结点(body,div,a);文本结点(p);属性结点(a) - 体系结构:树状
- 结点关系:父子,兄弟,祖孙