第十六篇_下午好欢迎来到贵美-CSDN博客

本文链接：https://blog.csdn.net/a530609250/article/details/87182492

BOM：浏览器对象模型（Browser Object Model）
BOM提供了独立于内容的、可以与浏览器窗口进行互动的对象结构
BOM可实现功能
1.弹出新的浏览器窗口
2.移动、关闭浏览器窗口以及调整窗口的大小
3.页面的前进、后退
常用的属性
history 有关客户访问过的URL的信息
location 有关当前 URL 的信息
prompt( ) 显示可提示用户输入的对话框
alert( ) 显示带有一个提示信息和一个确定按钮的警示框
confirm( ) 显示一个带有提示信息、确定和取消按钮的对话框
close( ) 关闭浏览器窗口
open( ) 打开一个新的浏览器窗口，加载给定 URL 所指定的文档
setTimeout( ) 在指定的毫秒数后调用函数或计算表达式
setInterval( ) 按照指定的周期（以毫秒计）来调用函数或表达式

window.open(“弹出窗口的url”,“窗口名称”,"窗口特征”)
back() 加载 history 对象列表中的前一个URL
forward() 加载 history 对象列表中的下一个URL
go() 加载 history 对象列表中的某个具体URL
Document对象

referrer 返回载入当前文档的URL
URL 返回当前文档的URL

Document对象的常用方法
getElementById() 返回对拥有指定id的第一个对象的引用
getElementsByName 返回带有指定名称的对象的集合
getElementsByTagName() 返回带有指定标签名的对象的集合
write() 向文档写文本、HTML表达式或JavaScript代码

还有Date方法 Math对象等等一系列的方法对象
示例代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<img src="img/webPic.jpg" >
<script type="text/javascript">
    function asddd() {
        window.open("viruse.html","","  width=250, height=265");

    }
    setInterval("asddd()",5000);

</script>

</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="fruit"></div>

</body>
<script>
    var flut=Array("apple","pear","peach","orange","banana");
    var index=Math.ceil(Math.random()*5)-1;
    document.getElementById("fruit").innerHTML="您得到的水果是：："+flut[index];

</script>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>


</body>
<h1 id="date"></h1>
<h2 id="time"></h2>
<h3 id="hello"></h3>


<script>
    var now=new Date();
    var hours=now.getHours();
    var str;
    if (hours>0&&hours<=12){
        str="上午好，欢迎来到贵美"

    }else if (hours>12&&hours<=18){
        str="下午好，欢迎来到贵美"
    } else {
        str="晚上好，欢迎来到贵美"
    }
    var riqi="今天日期:"+now.getFullYear()+"年"+(now.getMonth( )+1)+"月"+now.getDate()+"日";
    var shijian="现在时间:"+now.getHours()+"点"+now.getMinutes( )+"分";
    document.getElementById("date").innerHTML=riqi;
    document.getElementById("time").innerHTML=shijian;
    document.getElementById("hello").innerHTML=str;



</script>
</html>