JavaScript基础总结

客户端交互的JavaScript
		JavaScript可以直接嵌入在HTTP页面中。把静态页面转成支持用户交互并响应应用时间的动态页面。
	1. JavaScript的语言基础
		(1) 基本语法
				区分大小写,"password"和"passWord"是两个不同的变量。
				每行结尾可以加分号表示语句结束,也可以不加,但是为了规范建议加上。
				变量是弱类型的,因为只使用var运算符就可以将变量初始化为任意的值。
				使用大括号标记代码段,被封装的语句将按照顺序执行
		(2) 数据类型
				int 整型
				float 浮点型
				string 字符串
				boolean 布尔
				object 对象类型
				null 空类型
				undefined 未定义类型
		(3) 变量
				必须以字母或下划线开头 中间可以是数字 字母或下划线 但不能有空格或加减等符号
				不能用关键字
		(4) 运算符
				看了下和java差不多一样 ,略过
		(5) JavaScript的流程控制语句
				看了下和java差不多一样 
				着重讲几个细节吧
					Do...while保证了循环体至少执行了一次
					break 终止循环
					continue 终止此次循环,进入下一次循环,只能用于while for do...while 中
					
JavaScript函数的定义及调用
	和java的函数有点类似
		1. 函数的定义
			function functionName(){
			}
		2. 函数的调用

JavaScript事件处理
	1. 什么是事件处理程序
			例如android的button点击事件,javaScript也有onClick事件
	2. 事件类型
			事件: 何时触发
			onabort: 对象载入被中断时
			onblur:	元素或窗口本身失去焦点时
			onchange: 改变<select>元素中的选项或者在焦点后内容发生改变时
			onclick: 点击鼠标左键 当光标焦点在按钮上按下回车键时也会触发
			ondblclick: 双击鼠标时
			onerror: 出现错误时
			onfocus: 任何元素或窗口本身获得焦点时
			onkeydown: 键盘上的按键(包括"Shift" "Alt" 等)被按下时,如果一直按着某键,则会不断的触发。当返回false时,取消默认动作
			onkeypress: 键盘上的按键被按下,并产生一个字符时,如果一直按下某键,则会不断的触发。当返回false时,取消默认动作
			onkeyup: 释放键盘上的按键时
			onload: 页面完全载入后,在window对象上触发,所有框架都载入后,在框架集上触发,<img> 标记指定的图像完全载入后在其上触发,或<object>标记指定的对象完全载入后在其上触发
			onmousedown: 单击任何一个鼠标按键时
			onmousemove: 鼠标指针在某个元素上移动时持续触发
			onmouseout: 将鼠标指针从指定的元素上移开时触发
			onreset: 单击重置按钮时,在<form>上触发
			onresize: 当窗口或框架的大小改变时
			onscroll: 在任何带滚动条的元素或窗口上滚动时触发
			onselect: 选中文本时触发
			onsubmit: 单击提交按钮时,在<form>上触发
			onunload: 页面完全卸载后,在window对象上触发,所有框架都卸载后,在框架集上触发
	3. 事件处理程序的调用
		(1) 在JavaScript中的处理
				首先获得要处理对象的引用,然后将要执行的处理函数赋值给对应的事件处理程序
				事件处理程序名称必须是小写。
				
				例: 
					<html>
						<head>	
							<meta charset="utf-8">
							<button id="btn">点击</button>
							<script language="javascript">
							var bt = document.getElementById("btn");
							bt.οnclick=function(){
								alert("点了");
							}
							</script>
						</head>		
					</html>
				
		(2)	在HTML中的处理
				只需要在HTML标记中添加相应的事件处理程序的属性。并在其中指定作为属性值的代码或是函数名称即可。
				例:
					<html>
						<head>	
							<meta charset="utf-8">
							<button id="btn" onClick="alert('点击了')">点击</button>
							</script>
						</head>	
					</html>
					
JavaScript常用对象
	1. String 对象
		substr(start,length) 返回字符串从start开始的length个字符的子字符串
		substring(from,to) 返回以from开始,to结束的子字符串
		replace(searchValue,replaceValue) 将searchValue换成replaceValue并返回结果
		charAt(index) 返回字符串对象中的指定索引号的字符组成的字符串
		toLowerCase() 字符串全部转换成小写字母
		toUpperCase() 字符串全部转换成大写字母
	2. Date 对象
		和时间有关的对象
		年				月			日		星期		小时	分钟			秒			毫秒
		getFullYear() getMonth() getDate() getDay() getHours() getMinutes() getSeconds() getTime()
		有get就有set
	3. window 对象
		window对象是浏览器的文档对象模型结构中最高级的对象。提供了用于控制浏览器窗口的属性和方法。
		JavaScript允许省略window对象的名称
		属性及方法有点多,还是用的时候去w3c查查吧

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值