JavaWeb学习——JavaScript

String

属性length

方法

substr第几位往后几位

substring从哪到哪

 

Array

concat

join根据元素分割数组 ， -   &

push添加元素，返回新的长度    当一个字符串，整体添加

pop删除元素，返回删除的元素

reverse

 

Date对象

java Date toLocalString()将date变成当前时间格式

getDay（）    获取星期0-6

getDate（）  得到当前的天

getHour

getMinutes

getSeconds

getTime 返回的是毫秒数   使用毫秒数处理缓存的效果（）

 

Math.randon()*10

 

js全局函数

eval 执行js代码如果字符串是js代码，直接执行

encodeURI  decodeURI  编码解码

isNAN检查某个字符串是不是数字

parseInt类型转换

 

JS的重载

方法名相同，参数不同

不存在重载

但是可以通过其他方式模拟   argments数组

 

bom

浏览器对象模型

navigator  客户机的信息（浏览器的信息） appName

screen  屏幕信息

location href属性

history   history.back  history.forword    history.go()   -1或者1

window  window.alert   window.confirm   prompt(,)输入对话框  open（地址，“”，宽高）  close（浏览器兼容性差）

               定时器setInterval(“js代码”，毫秒数)     clearInterval

                           setTimeout()只会执行一次    clearTimeout

 

dom  

文档对象模型

首先对文档的所有对象封装成模型

document对象

element对象

属性对象

文本对象

**Node对象  是这些对象的父对象

 

DHTML多项技术简称

document

write方法

getElementById 通过id得到元素

getElementsByName 得到是一个数组     如果只有一个可以通过数组下标获取值

 

安全级别高的浏览器，不可以访问本地文件

 

element对象

获取属性里面的值 getAttribute（属性名称）

设置属性里面的值 setAttribute

ctrl+F5 无缓存刷新

删除属性 removeAttribute   不能删除value

 

Node

childNodes  所有子标签

（element）查找其他节点唯一有效的方法getElementByTagName

属性：nodeName nodeType nodeValue

 

标签节点对应的值 nodeType 1

属性节点对应的值 nodeType 2

文本节点对应的值 nodetype 3

 

父节点 子节点 同辈节点

 

fiistChild第一个子节点

lastChild最后一个子节点

nextSibling下个兄弟节点

previousSibling上个兄弟节点

操作dom树

appendChild类似于剪切黏贴的效果

insertBefore(newNode,oldNode)在某个节点之前插入一个新的节点  要插入的节点  在谁之前插入

                通过父类节点，再添加进去

                没有insertAfter方法

removeChild

replaceChild

cloneNode

 

innerHTML属性获取标签内容，设置标签内容，可以是html代码  

（先创建Date对象，然后调用toLocalString方法获得本地方法格式的时间，用innerHTML根据ID设置Element的内容，再使用Interval定时器，定时更新时间）

案例练习，全选内容：

（利用input checkbox 的checked属性boolean值来获知checkbox的状态，改变checked属性来进行全选/全不选）

（getElementsByName得到的是一个数组，getElementById得到是一个元素，所以Element用的单数形式）

 
	
	
 
	
全选/全不选






	
	

下拉列表左右选择

select multiple属性

            selected

（getElementsByTagName方法的对象应该是一个元素Element，不是document，同样获取的是一个数组。所以得到的一个子元素的对象）

 
	
	
 
	
	

	
			AAAA
			BBBB
			CCCC		
			DDDD
			EEEE
	
	

	

	
	


	
			QQQQ			
	
	

	

	
	
	
	
	

省市联动

（option的value并不会显示到页面上，所以还要重复值，那么可以不使用中文作为value值。而且每次点击事件，传入的是option对应的value值，用this.value）

（利用一个2维数组，一维代表抽象的国家，二维元素代表城市，第一个元素作为国家，第二个开始遍历添加到第二个select窗中）

（删除元素，由于总的元素长度会变，遍历时需将步长还原，这样才可以保证每个元素都能遍历到）

 
	
	
 
	
	
	中国
	美国
	日本
	德国