根据id获取标签（元素）：
[Java] 纯文本查看 复制代码
varobj = document.getElementById(“id的属性值”);[/align] 比如：User user = new User();
obj代表一个完整的标签（元素），操作标签里面的属性：
l 修改属性的值：
标签对象.标签的属性=“赋值”；
比如： user.name=”jack”;
l 获取属性的值：
var value = 标签对象.标签属性。
比如 String name = user.name;
二．事件（引入）==概述：javascript基于对象和事件驱动的一门客户端语言。
u 基于对象： js里面有很多对象不用创建，可以直接使用（内置对象）
u 事件驱动：html标签和事件绑定在一起，通过事件驱动（调用）对应的方法，实现动态效果。
==事件绑定：
第一种：直接绑定
[AppleScript] 纯文本查看 复制代码
<input type="button" value="点我啊" >
<scripttype="text/javascript">
//1.直接绑定：直接在标签上书写事件属性 和 js代码绑定
function fun1(){
alert("直接绑定");
}
</script> 第二种：间接绑定（通过标签对象操作事件属性）
[HTML] 纯文本查看 复制代码
<input type="button" value="点我啊2222" id="t2">
//1.根据id获取 id=t2的对象
var obj = document.getElementById("t2");
//2.标签操作属性
obj.onclick = function(){
alert("点我啦----");
} 注意：
onblur: 失去焦点好，会执行对应的方法
onsubmit：表单提交事件，只有提交表单时，才会执行对应的方法
通过返回的boolean值，控制表单是否提交。
三．BOM== BOM: browser object model(浏览器对象模型)
BOM对象是由浏览器的各个部分组成。
== 浏览器：
l 窗口： 比如 操作： 打开窗口，关闭窗口
对应的对象：Window
l 地址栏：比如操作：在地址栏输入访问的地址
对应的对象：Location
l 屏幕：比如：缩放窗口，获取窗口的宽和高
对应的对象象：Screen
l 历史记录：比如 点击后退前进箭头，访问的网页会发生变化
对应的对象: History
l 浏览器： 比如 获取浏览器的版本，浏览器的引擎
对应的对象：Navigator
== Window对象
注意：调用Window对象方法或者属性时，可以省略window对象。
常用的方法：
第一类方法：弹出窗口方法
alert(); confirm(); prompt();
第二类方法：打开一个新的窗口或者关闭一个新的窗口
*varnewWindow= open(参数);
参数：第一种可以打开其它网站的资源，参数写具体的网址
参数：第二种打开自己网站的资源，直接写资源路径
*close（）
newWindow.close(); newWindow对象 表示新打开的窗口
第三类方法：定时器方法
==开启定时器
一次性定时器：var stid= setTimeout(js代码，时间);
循环定时器：varsiid=setInterval(js代码，时间);
==清除定时器：
clearTimeout(stid);
clearInterval(ssid);
四．DOM（掌握）==概述：文档对象模型，文档对象是由文档的各个部分组成的对象。
文档指的html网页（根标签，标签，属性，文本等等）。
file:///C:\Users\ADMINI~1\AppData\Local\Temp\msohtmlclip1\01\clip_image002.jpg
==常见对象：
注意：操作元素的原则：通过父元素 操作 子元素。
l document对象：代表整个标记性文档（比如：html）
方法：
[AppleScript] 纯文本查看 复制代码
创建一个元素（标签）： varele = document.createElement(“标签名称”);[/align] 创建一个文本（文本元素）vartext = document.createTextNode(“文本”);
获取元素对象的方法：
1. 根据id获取元素：getElementById(“id属性的值”);
2. 根据标签名称获取元素数组：
getElementsByTagName(“标签名称”);
3. 根据class属性的值获取元素数组：
getElementsByClassName(“class属性的值”);
l Element对象
方法：
添加一个子元素： 父元素.appendChild(子元素);
移除一个子元素：父元素.removeChild(子元素);
收藏
淘帖
踩
