Dom简单学习(能做案例)
-
获取页面标签对象:
——document.getElementById(id);通过元素对象获取元素对象。 -
操作对象
——修改属性值;明确对象以及它有哪些属性可以设置
——修改标签体的内容:*属性:InnerHTML:标签体内容
BOM
- window 窗口对象;
——方法:
————alert();弹出一段消息和带确认按钮的警告框
————confirm();显示带有一段消息以及确定(true),取消(false)的对话框,多用于防止误操作
————prompt();显示用户输入框 - Navigator:浏览器对象
- location 地址栏;
——创建:window.location;一样的window可以省去;
——reload();重新加载当前页面
——herf属性:设置location都在栏的地址
<input id="a" type="button" value="重新加载">
<input id="b" type="button" value="去淘宝">
<script>
var a=document.getElementById("a");
a.onclick=function () {
location.reload();
}
var b=document.getElementById("b");
b.onclick=function () {
location.href="https://uland.taobao.com/sem/tbsearch?refpid=mm_15891853_2192459_8654707&keyword=%E5%A5%B3%E8%A3%85&clk1=bf6d0fadbf831474bcaa89c7359a636a&upsid=bf6d0fadbf831474bcaa89c7359a636a";
}
</script>
- history 历史记录
——创建,window.history
——方法:back(); 加载前一个url
forward(); 加载下一个url
go();加载某个具体url
——属性:length:url数量 - screen 屏幕对象
————打开关闭有关方法
close();关闭窗口,谁调用我我关谁
open();打开一个新窗口
————与定时器有关 - setTimeout(执行的代码,毫秒数)在指定的毫秒数后调用函数或计算表达式
- clearTimeout(执行的代码,毫秒数);取消由setTimeout()方法设置的timeout;
- setInterval(执行的代码,毫秒数) 按照指定的周期来调用函数或者表达式
- clearInterval(执行的代码,毫秒数)取消定时器