JS--第八天

window属性 方法

open close  screen location history document

关于document

document.URL  :查看当前页面的地址

document.referrer ：查看载入当前页面的网页地址（必须在有服务器的前提下）

如果直接拷贝地址到地址栏跳转该方法获取的值为””

防盗链

A页面：超链接 到B页面

B页面

JS随机数

 

求min~max 范围的随机数

var ran= Math.floor(Math.random()*(max-min+1)+min)

 

事件：

onclick

onchange 下拉列表

onmousemove --鼠标进入目标区域

onmouseover -- 鼠标进入目标区域

区别：

onmouseover 当触发后只会执行一次

onmousemove 触发后只要在目标区域中移动会不停的执行

例子1：

onmouseout--鼠标离开目标区域

 

onfocus 焦点获取

onblur 焦点丢失

 

onkeypress  按下时

onkeydown 松开前

onkeyup  松开后

 

 

通过JS操作CSS

方法1 :标签对象.属性=值

 

方法2:标签对象.style.属性=值

 

 

注意：CSS的style：background-color:green; 在JS中应该变为  标签对象.style. backgroundColor=”green”

 

方法1和2在原有的基础上添加其他样式

 

方法3：标签对象.className=”类选择器名”;

直接覆盖以前的样式（前提是某元素的样式是class=””）

 

 

获得多个标签对象

1 var 标签数组=document.getElementsByTagName("标签名");

2

var name数组=document.getElementsByTagName("name值");

 

 

 

 

 

作业1： 有两个div，分别有为红色背景和绿色背景；

当鼠标移动到其中一个div身上，则另一个div消失，当鼠标离开该div，则另一个div显示

 

作业2：

点击按钮：让font中的字体颜色变红，字体变大，

再次点击该按钮，则font中的字体的颜色和大小变回原型

 

 

作业3：文本框的边框为黑色，当获取焦点：边框变红，当焦点离开，则边框又变为黑色

（提示：焦点获取事件：onfocus()

      焦点离开事件：onblur()

）

 

作业4：树型：

作业5 第一个用两种方法(每隔一秒钟自动更换图片)

作业6：

 

点击全选：所有复选框都被选中

有一个复选框没被选中，全选也不能被选中

点击其他复选框，如果都被选中，则全选也应该被选中