前端05. js入门之BOM对象与DOM对象。

一、关于BOM对象。

BOM(浏览器对象模型),可以对浏览器窗口进行访问和操作。使用BOM,开发者可以移动窗口,改变状态栏中的文本以及执行其他与页面内容不直接相关的动作。

用于操控用户浏览器。


1。窗口对象:

所有浏览器都支持窗口对象。

,,概念上讲,一个html文档对应一个窗口对象。

,,功能上讲:控制浏览器窗口的。

,,使用上讲:窗口对象不需要创建对象,直接使用即可。


下面是窗口对象的常用方法:

alert (),,,,,,显示带有一段消息和一个确认按钮的警告框。

确认(),,,,,显示带有一段消息以及确认按钮和取消按钮的对话框。

提示符(),,,,,显示可提示用户输入的对话框。

open (),,,,,,打开一个新的浏览器窗口或查找一个已命名的窗口。

关闭(),,,,,,关闭浏览器窗口。

setInterval (),,,按照指定的周期(以毫秒计)来调用函数或计算表达式。

clearInterval (),,取消由setInterval()设置的超时。

setTimeout (),,,在指定的毫秒数后调用函数或计算表达式。

clearTimeout (),,取消由setTimeout()方法设置的超时。

scrollTo (),,,,把内容滚动到指定的坐标。



交互示例:

方法讲解:,,

,,,,//- - - - - - - - - - -警报确认提示- - - - - - - - - - - - - - - - - - - - - - - - - - - - -

,,//alert (' aaa ');

,,,

,,,

,,/* var=确认结果(“您确定要删除吗?”);

,,警报(结果);*/

,,//提示参数1:提示信息。,参数2:输入框的默认值。返回值是用户输入的内容。

,,//var=结果提示(“请输入一个数字!”,“哈哈”);

,,//警报(结果);

,,方法讲解:,

,,,,//打开方法打开和一个新的窗口并进入指定网址。参数1:网址。

,,,,//调用方式1

,,,,,,//打开(“http://www.baidu.com”);

,,,,//参数1什么都不填就是打开一个新窗口。,参数2。填入新窗口的名字(一般可以不填)。参数3:新打开窗口的参数。

,,,,,,open(”、“,”宽度=200,可调整大小的=不,身高=100 ');//新打开一个宽为200高为100的窗口

,,,,//关闭方法,将当前文档窗口关闭。

,,,,,,//关闭();

示例2:

var num=Math.round (math . random () * 100);

函数acceptInput () {

//2。让用户输入(提示),,并接受用户输入结果

var userNum=提示(“请输入一个0 ~ 100之间的数字!”,“0”);

//3。将用户输入的值与随机数进行比较

,,,,如果(isNaN (+ userNum)) {

,,,,,,//用户输入的无效(重复2、3步骤)

,,,,,,警报(“请输入有效数字!”);

,,,,,,acceptInput ();

,,,,}

,,,,else if (userNum比;num) {

,,,,//大了==比;提示用户大了,让用户重新输入(重复2、3步骤)

,,,,,,alert("您输入的大了!”);

,,,,,,acceptInput ();

,,,,}else if (userNum & lt;num) {

,,,,//小了==比;提示用户小了,让用户重新输入(重复2、3步骤)

,,,,,,alert("您输入的小了!”);

,,,,,,acceptInput ();

,,,,其他}{

,,,,//答对了==祝辞提示用户答对了,询问用户是否继续游戏(证实)。

,,,,,,var=确认结果(“恭喜您!答对了,是否继续游戏?”);

,,,,,,如果(结果){

,,,,,,,,//是==比;重复123步骤。

,,,,,,,,num=Math.round (math . random () * 100);

,,,,,,,,acceptInput ();

,,,,,,其他}{

,,,,,,,,//否==比;关闭窗口(近方法)。

,,,,,,,,close ();

,,,,,,}

,,,,}

,,,,,

setInterval& clearInterval

& lt;输入id=癐D1”类型=拔谋尽痹?/p>

& lt; button>停止& lt;/button>

& lt; script>

,,showTime()函数{

,,,,,日期,var nowd2=new () .toLocaleString ();

,,,,,,var temp=. getelementbyid (ID1);

,,,,,,temp.value=https://www.yisu.com/zixun/nowd2;

,,}

,,var时钟;

,,开始()函数{

,,,,如果(时钟==定义){

,,,,,,,showTime ();

,,,,,,,时钟=setInterval (showTime, 1000年),

,,,,}

,,}

,,函数结束(){

,,,,clearInterval(时钟);

,,null

前端05. js入门之BOM对象与DOM对象。