第二章JavaScript操作BOM对象

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>病毒页面效果</title>
    <style type="text/css">
        body{margin: 0;}
    </style>
</head>
<body>
<img src="../../images/webPic.jpg" alt="首页图片" />

<script type="text/javascript">
    function viruses() {
        window.open("病毒页面.html","_blank","width=400px,height=400px");

    }
    setInterval("viruses()",3000);
</script>
</body>
</html>




<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>病毒页面</title>
    <style type="text/css">
        body{margin: 0;}
    </style>
</head>

<body>
<img src="../../images/viruse.jpg" alt="病毒页面" />
</body>
</html>







<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>当前的日期和时间</title>
</head>
<body>
<div id="myclock"></div>
<script type="text/javascript">
    function display() {
        var today=new Date(); //获得当前时间
        var year=today.getFullYear(); //获得年
        var month=today.getMonth()+1; //获得月
        var date=today.getDate(); //获得日期
        var hours=today.getHours(); //获得小时
        var minutes=today.getMinutes(); //获得分钟
        //显示不同的问候语
        if (hours<12){
            document.write("上午好!欢迎来到贵美");
        }else if (hours>12&&hours<18){
            document.write("下午好!欢迎来到贵美");
        } else {
            document.write("晚上好!欢迎来到贵美");
        }
        //设置div的内容日期时间
        document.getElementById("myclock").innerHTML="今天日期:"+year+"年"+month+"月"
        +date+"日<br/>"+"现在时间:"+hours+"点"+minutes+"分";
    }
    display();
</script>
</body>
</html>








<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>随机发放水果功能</title>
</head>
<body>
<div>
    您得到的水果是:<span id="fruits"></span>
    <input type="button" value="选择水果" οnclick="ceFruits()"/>
</div>

<script type="text/javascript">
    function ceFruits(){
        var fruits=new Array("pear","apple","grape","banana","orange");
        var num=Math.ceil(Math.random()*5)-1;
        document.getElementById("fruits").innerHTML=fruits[num];
    }
</script>
</body>
</html>

 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值