JavaScript对象
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;"> </td> <td> </td> <td> </td> <td> </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" /> <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" /> <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" /> <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" /> <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对象
10.数组(java中数组和集合的一个综合体)
如果逻辑对象无初始值或者其值为 0、-0、null、""、false、undefined 或者 NaN，那么对象的值为 false。否则，其值为 true（即使当自变量为字符串 "false" 时）！
同Java中数组一样，JS中的数组也需要先创建、赋值，再访问数组元素，并通过数组的一些方法和属性对数组元素进行处理。
1.创建数组
语法：var 数组名称=new Array(size);
深入理解：经验证，JS中不写Size，或者是Size的值小，元素多，均不会报错，所以可以将js中的数组当做集合来用。
2.为元素赋值
方式一：
Var fruit=new Array(“apple”,”orange”,”peach”,”bananer”);
//经验：如果有些人不小心将上述语法中的小括号写成了中括号。就是造成
//数组是undefined.
方式二：下标方式
Var fruit=new Array(4);
Fruit[0]=”apple”;
方式三：直接用[]
Var fruit=[“apple”,”orange”,”peach”,”bananer”];
3.访问数组元素
通过下标访问即可。
4.数组的常用属性和方法
数组是JS中的一个对象，它有一组属性和方法
