JavaScript对象

时间：2016-05-21 10:12:48 阅读：123 评论：0 收藏：0 [点我收藏+]

标签：

JavaScript对象

技术分享

window对象的常用属性

history location

window对象的常用方法

技术分享

window对象的常用事件

技术分享

history对象和location对象

history对象的常用方法

back（） forward（） go()

location对象的常用方法

reload（） replace

location对象的常用属性

href 设置或返回完整的URL

示例如下

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>抽奖页面</title>
    <script type="text/javascript">
        
        window.onload = function () {
            var time;
            var result = document.referrer;
            alert(result);
            if (result) {
                var dom = document.getElementById("mydiv");
                alert(dom);
                dom.style.display = "none";//block
            } else {
                time = setInterval(change, 1000);
            }
        }
        function change() {
            var spandom = document.getElementById("myspan");
            var num = spandom.innerText;
            if (num > 1) {
                num--;
            }
            else {
                clearInterval(time);
                Location.href = "http://localhost:8080/%E7%99%BB%E5%BD%95%E9%A1%B5%E9%9D%A2.html";
            }
            spandom.innerText = num;
        }


    </script>
</head>
<body>
    <div id="mydiv"><span id="myspan" style="color:red">5</span>秒后跳转到登录界面</div>
    我是抽奖页面
</body>
</html>

document对象

document对象的常用属性

referrer和URL

示例见上述红色代码

在此做一下补充

如果逻辑对象无初始值或者其值为 0、-0、null、""、false、undefined 或者 NaN，那么对象的值为 false。否则，其值为 true（即使当自变量为字符串 "false" 时）！

document对象的常用方法

技术分享

全选/全不选效果代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>全选效果</title>
<style type="text/css">
.bg{
    background-image: url(images/list_bg.gif);
    background-repeat: no-repeat;
    width: 730px;
}
td{text-align:center;
font-size:13px;
line-height:25px;
}
body{margin:0}
</style>
<script type="text/javascript">
    window.onload = function () {
        //全选触发事件
        var doc = document.getElementById("all");
        var oinput = document.getElementsByName("product");
        doc.onclick = function () {
            for (var i = 0; i < oinput.length; i++) {
                oinput[i].checked = document.getElementById("all").checked;
            }
        }
        //某个
        for (var i = 0; i < oinput.length; i++) {
            oinput[i].onclick = function () {
                for (var i = 0; i < oinput.length; i++) {
                    var flag = true;
                    if (!oinput[i].checked) {
                        flag = false;
                        break;
                    }
                }
                doc.checked = flag;
            }
            
        }
    }

    </script>
</head>

<body><table border="0" cellspacing="0" cellpadding="0" class="bg">
  <tr>
    <td style="height:40px;">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr style="font-weight:bold;">
    <td><input id="all" type="checkbox" value="全选"  />全选</td>
    <td>商品图片</td>
    <td>商品名称/出售者/联系方式</td>
    <td>价格</td>
  </tr>
  <tr>
    <td colspan="4"><hr style="border:1px  #CCCCCC dashed" /></td>
    </tr>
  
  <tr>
    <td><input name="product" type="checkbox" value="1" /></td>
    <td><img src="images/list0.jpg" alt="alt" /></td>
    <td>杜比环绕，家庭影院必备，超真实享受<br />
    出售者：ling112233<br />
    <img src="images/online_pic.gif" alt="alt" /> &nbsp;&nbsp;
    <img src="images/list_tool_fav1.gif" alt="alt" /> 收藏</td>
    <td>一口价<br />
    2833.0 </td>
  </tr>
  <tr>
    <td colspan="4"><hr style="border:1px  #CCCCCC dashed" /></td>
    </tr>
  <tr>
    <td><input name="product" type="checkbox" value="2" /></td>
    <td><img src="images/list1.jpg" alt="alt" /></td>
    <td>NVDIA 9999GT 512MB 256bit极品显卡，不容错过<br />
      出售者：aipiaopiao110 <br />
    <img src="images/online_pic.gif" alt="alt" /> &nbsp;&nbsp;
    <img src="images/list_tool_fav1.gif" alt="alt" /> 收藏</td>
    <td>一口价<br />
    6464.0 </td>
  </tr>
  <tr>
    <td colspan="4"><hr style="border:1px  #CCCCCC dashed" /></td>
    </tr>
  <tr>
    <td><input name="product" type="checkbox" value="3" /></td>
    <td><img src="images/list2.jpg" alt="alt" /></td>
    <td>精品热卖：高清晰，30寸等离子电视<br />
      出售者：阳光的挣扎 <br />
    <img src="images/online_pic.gif" alt="alt" /> &nbsp;&nbsp;
    <img src="images/list_tool_fav1.gif" alt="alt" /> 收藏</td>
    <td>一口价<br />
    18888.0 </td>
  </tr>
  <tr>
    <td colspan="4"><hr style="border:1px  #CCCCCC dashed" /></td>
    </tr>
   <tr>
    <td><input name="product" type="checkbox" value="4" /></td>
    <td><img src="images/list3.jpg" alt="alt" /></td>
    <td>Sony索尼家用最新款笔记本 <br />
      出售者：疯狂的镜无<br />
    <img src="images/online_pic.gif" alt="alt" /> &nbsp;&nbsp;
    <img src="images/list_tool_fav1.gif" alt="alt" /> 收藏</td>
    <td>一口价<br />
     5889.0 </td>
  </tr>
  <tr>
    <td colspan="4"><hr style="border:1px  #CCCCCC dashed" /></td>
    </tr>
</table>

</body>
</html>

定时函数

<script type="text/javascript">
        function hello() {
            alert("说好的  好好学习!");
        }
        window.onload=function(){
            setInterval(hello, 1000);
        }
            
       
        //setInterval("hello()", 1000);//可以反复弹

        //setInterval(hello(), 1000);//只能弹一次
        //setInterval(hello, 1000);//可以反复弹
    </script>

上述代码只分析了setInterval（）的几种调用情况所引发的不同响应

最好调用函数指针注意尽量将hello（）方法写在与window.onload()并列的位置

若写在onload（）里面后三种情况就不能调用

技术分享

4.JavaScript内置对象

01.Date对象

getDate（）返回Date对象的一个月中的每一天，其值为1~31

getDay（）返回Date对象的星期中的每一天，其值为0~6

getHours（）返回Date对象的小时数，其值为0~23

getMinutes（）返回Date对象的分钟数，其值为0~59

getSeconds（）返回Date对象的秒数，其值为0~59

getMonth（）返回Date对象的月份，其值为0~11

getFullYear（）返回Date对象的年份，其值为四位数

getTime（）返回自某时刻（1970.1.1）以来的毫秒数

02.Math对象

JavaScript对象

标签：

原文地址：http://www.cnblogs.com/hmy-1365/p/5509280.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行