Java学习11
一、BOM模型(Brower Object Model)
1、alert()弹窗
confirm()确认对话窗口
prompt()提示输入对话窗
2、close()关闭窗口
3、scrollBy()滚动多少像素
scrollTo()滚动到多少像素
4、open()打开一个新的窗口
5、setInterval()定时器
clearInteral()删除定时器(要设置id)
6、back()后退到上一个界面(都得是浏览过的界面)
forward()前进到下一个界面(都得是浏览过的界面)
二、DOM模型
dom树
1、document.getElementById().innerHTML用ID来查找调用对象的文本值
2、document.getElementById().元素属性名用ID来查找调用对象的属性值
/*求绝对值abs*/
document.write(Math.abs(-9));
document.write("<br>");
/*向上取整ceil 向下取整floor*/
document.write(Math.ceil(12.1));
document.write("<br>");
document.write(Math.floor(12.9));
document.write("<br>");
/*求三数最大值*/
document.write(Math.max(Math.max(1,2),3));
document.write("<br>");
document.write(Math.min(1,2));
/*求次幂*/
document.write("<br>");
document.write(Math.pow(3,3));
/*随机产生0-1之间的随机数*/
document.write("<br>");
document.write(Math.random());
/*四舍五入*/
document.write("<br>");
document.write(Math.round(12.1));
/*平方根*/
document.write("<br>");
document.write(Math.sqrt(16));
// /*弹窗*/
// function testalert(){
// window.alert("欢迎进入我的网页");
// }
// testalert();
// /*确认*/
// function testconform(){
// var flag=window.confirm("确认关闭浏览器吗");
// /*document.write(flag);*/
// if(flag==true){
// /*关闭窗口*/
// window.close();
// }
// }
// testconform();
// /*输入窗口*/
// function testprompt(){
// var num=window.prompt("请输入一个数字")
// document.write(num)
// }
// testprompt();
// /*滚动指定的距离*/
// function testscrollBy(){
// window.scrollBy(500,500);
// }
/*滚动到指定位置*/
function testscrollTo(){
window.scrollTo(200,200);
}
/*打开网页*/
function testopen(){
window.open("https://www.baidu.com/","baidu","top=300,left=500, width=600,height=600");
}
定时器 很重要
var count=0
function clock(){
count++;
if(count==10){
clearInterval(b);
}
/*获取date对象*/
var date=new Date();
/*获取小时 分钟 秒*/
var hour=date.getHours();
var minute=date.getMinutes();
var sencond=date.getSeconds();
/*定义字符串存放时间*/
var str=hour+":"+minute+":"+sencond;
// document.write(hour+":"+minute+":"+sencond);
/*将div中的内容替换为str*/
document.getElementById("dclock").innerHTML=str;
}
// clock()
/*定时器:每隔多少秒掉一个方法*/
/*如果取消定时器,必须给定时器取名字*/
var b=setInterval(clock,1000);
前进和后退
<a href="./demo03.html">demo03.html</a>
<a href="javascript:history.forward()">前进</a>
<a href="javascript:history.back()">后退</a>