Java学习11

Posted 2022-03-05 axu-xxx

一、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>