JAVAweb基础JS_javaweb=js?

js和html结合方式

• 内部js：

    		  		定义< script>标签,标签体书写js代码
    		  		注意<script>标签定义的位置，会影响执行顺序
  1
  2

• 外部js：

    				常量：基本数据类型
    				js原始数据类型:
    			number：数字类型，包含整数和小数和 NaN(not a number)
    				string: 字符串和字符类型	""  ''
    				boolean: true 和 false
    				null： 空类型。对象的占位符
    				undefined：未定义,如果一个变量没有初始化值，默认为undefined
    				
    				变量：
    					 语法：
    					   使用 var定义变量  var i = "abc";
    			    js是一门弱类型语言：定义变量时，不需要规定其数据类型。
    			  typeof运算符：获取变量的数据类型
    			  var关键字如果不书写，该变量则为全局变量
    			  语句：
    		if
    		switch
    		while
    		do...while
    		for
  
  
    		运算符:自动类型转换
    		一元运算符，比较运算符，逻辑运算符，算术运算符，赋值运算符，三元运算符。
    		
    		对象：
    		js是一门基于对象的语言
    		基于对象：不能由原生的对象派生出新的对象。换句话说，不存在继承关系
    		Function(*****): 代表函数
    			 创建方式：
    			 var fun = new Function("参数列表","方法体");
    				 function 方法名称(形参列表){
    						方法体
    				  }
    				 var fun = function(){
    				
    				  }
    			
    			 属性：
    				length：形参的个数
    			
    			使用：
    				函数名称(实参列表);	
    				特点：
    					1.函数的调用，只与函数名称有关，与实参列表无关
    					2.函数内部有内置对象 arguments 封装实参数组
    			
    			* void运算符：拦截返回值，一般结合a标签一起使用
    				* 注销a标签跳转功能，保留可被点击的功能
    					<a href="javascript:void(0);" onclick="exit();">退出</a>JS中的内置对象	
  1
  2
  3
  4
  5
  6
  7
  8
  9
  10
  11
  12
  13
  14
  15
  16
  17
  18
  19
  20
  21
  22
  23
  24
  25
  26
  27
  28
  29
  30
  31
  32
  33
  34
  35
  36
  37
  38
  39
  40
  41
  42
  43
  44
  45
  46
  47
  48
  49
  50

JS中的内置对象：
1.定义方法
（1）String str=new String();
（2）var str=“xxxxx”;
2、属性：length：字符串的长度

3、方法：

Number对象
定义方法：
var num=new Number();
var num=Number();
方法：
toString() 把数字类型转成字符串类型
toPrecision() 把数字格式化为指定的长度。也就是小数后面保留几位

Date对象
定义方式： var myDate=new Date();
方法：
getTime() 获取从1970-01-01 00:00：00 到当前的毫秒值
toLocaleString() 将时间转化成本地格式 利于阅读

Math对象
特点：该对象不需要创建 直接对象名点上方法就成

Math.random()；随机产生0----1 之间的随机数
Math.round(); 对小数进行四舍五入 得到一个整数
Math.min(); 取最小值
Math.max();取最大值
Math. abs() 返回数的绝对值。
Math.floor();向下取整
Math.ceil();向下取整

数组对象：
定义方式：
var arr=new Array();
var arr=[ ];
方法：

正则表达式对象

正则表达式
位置：
^ 开头
$ 结尾
次数：
* 0或多个
+ 1或多个
? 0或1个
{n} 就是n个
{n,} 至少n个
{n,m} 最少n个，最多m个
通配符：
\d 任意数字
\D 任意非数字
\s 任意空白
\S 任意非空白
. 任意字符（除’\n’外）
组：
(正则) 匹配括号中正则表达式对应的结果，并暂存这个结果。
(?:正则) 匹配括号中正则表达式对应的结果，但不暂存这个结果。
\数字 使用第n个组匹配的结果
使用正则的工具（RegExp类与相关方法）

创建：
// 方式一
var regex = new RegExp(“正则表达式”, “标志”);
// 方式二
var regex = /正则表达式/标志

正则表达式：
参见上面的规则
标志：
g （全文查找出现的所有 pattern）
i （忽略大小写）

方法：
Regexp.test( str )
String.replace( regex, str )

正则表达式对象常用的方法：
test() 使用正则对象去匹配字符串 如果匹配成功返回ture，否则返回false.
exec() 根据正则表达式去查找字符串符合规则的内容。

模式：
g （全文查找出现的所有 pattern）
i （忽略大小写）

---

BOM：
概念：将浏览器的各个组成部分封装为对象
特点：BOM对象不能自己创建，当文档加载进内存，浏览器自动创建。
组成：
Window()：窗口对象
Location(**)：地址栏对象
History(*)：历史记录(当前窗口)对象
Navigator ：浏览器对象 基本不用仅作了解
Screen：显示器屏幕 基本不用仅作了解
availHeight 获取系统屏幕的工作区域高度，排除 Microsoft Windows 任务栏。
availWidth 获取系统屏幕的工作区域宽度，排除 Windows 任务栏。
height 获取屏幕的垂直分辨率。
width 获取屏幕的水平分辨率。

Window：窗口对象
使用方式：

				window.方法名();   window 可以省略
			方法名;
1
2

方法：
与弹出有关的方法：
alert() 显示带有一段消息和一个确认按钮的警告框。
confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。
prompt() 显示可提示用户输入的对话框。

与定时器有关的方法：
setInterval() 按照指定的周期（以毫秒计）来调用函数或计算表达式。 循环执行
clearInterval() 取消由 setInterval() 设置的 timeout。
setTimeout() 在指定的毫秒数后调用函数或计算表达式。 只执行一次
* 参数：
参数1：字符串(js语句)或者 函数对象
参数2：毫秒值。

clearTimeout() 取消由 setTimeout() 方法设置的 timeout。
与打开关闭有关的方法：
open():打开新窗口
参数：打开目标的URL
返回值：返回新打开窗口的window引用

close():关闭窗口
谁调用我 ， 我关谁

---

DOM

概念： 将编辑语言文档的各个组成部分 封装为对象
组成：

• Document：文档对象
  获取：window.document
  //document 中 body属性 可以获取body标签对象
  document.body.bgColor = “red”;
  //title 属性获取文档标题
  var bt = document.title;
  //获取文档最后一次修改时间
  var rq=document.lastModified;
  //URL 属性 获取地址栏中的地址
  方法：
  获取Element对象
  getElementById():通过id属性值获取唯一的元素
  getElementsByTagName():通过标签名称获取元素对象数组
  getElementsByName():通过name属性值获取元素对象数组
  getElementsByClassName():通过class属性值获取元素对象数组
  创建其他对象
  createElement：创建元素对象
  createAttribute：创建属性对象
  createComment：创建注释对象
  createTextNode：创建文本对象
  //给属性对象设置值
  font1.setAttribute(‘color’,‘yellow’);
  Element:元素对象
  innerHTML属性：获取或设置 元素的 子内容
  innerTEXT属性:获取标签之间的文本内容
• Element:元素对象
• Attribute：属性对象
• Text：文本对象
• Comment：注释对象
• Node：节点对象

DOM事件：
概念：
事件：一件事
事件源：事件发生的组件
监听器：一个对象，当事件源上发生了事件，就执行对象中的某些方法
注册监听：将监听器绑定到事件源上，监听事件的发生
js中注册监听的方式：

1. 在定义标签时，添加 事件名称属性。属性值是js代码
   js代码会被自动封装到一个function函数的方法体中
2. 通过js获取元素对象，再添加事件。

js中事件的种类

焦点事件：

• onfocus 元素获得焦点。
• onblur 元素失去焦点

点击事件：

• onclick 当用户点击某个对象时调用的事件句柄。
• ondblclick 当用户双击某个对象时调用的事件句柄。

键盘事件：

• onkeydown 某个键盘按键被按下。
• onkeyup 某个键盘按键被松开。
• onkeypress 某个键盘按键被按下并松开。

鼠标事件：

• onmousedown 鼠标按钮被按下。
• onmouseup 鼠标按键被松开。
• onmouseover 鼠标移到某元素之上。
• onmouseout 鼠标从某元素移开。
• onmousemove 鼠标被移动。

表单事件：

• onsubmit 确认按钮被点击。
• onreset 重置按钮被点击。

加载与卸载事件

• onload 一张页面或一幅图像完成加载。
• onunload 用户退出页面。 其他浏览器不支持 IE支持

其他事件：

针对表单

• onchange 域的内容被改变。 比如下拉框
• onselect 文本被选中。