js自定义对象、DHTML、事件、定时器等

如何让页面中元素隐藏

1. display：none 元素隐藏并且脱离文档流，如果再显示回来的话需要改回元素的默认值
2. visibility:hidden(隐藏)/visible(显示) 隐藏元素不脱离文档流

自定义对象

	//第一种定义方式
	function Person(name,age){
		//添加属性
		this.name=name;
		this.age=age;
		//添加方法
		this.run = function(){
			alert("我叫："+this.name+
					"今年"+this.age);
		}
	}
	//实例化对象
	var p = new Person("张三",5);
	p.run(); */
	//第二种定义方式
	function Person(){}
	var p = new Person();
	//动态添加属性和方法
	p.name = "张三";
	p.age = 18;
	p.run = function(){
		alert("我叫："+this.name+
				"今年"+this.age);
	}
	//调用 
	//p.run();
	//第三种方式 
	var p2 = {
			"name":"李四",
			"age":18,
			"run":function(){
				alert("我叫："+this.name+
						"今年"+this.age);
			}
	}
	p2.run();

DHTML

• 简介： Dynamic（动态） HTML，并不是新的技术，是把通过html、CSS、JavaScript结合到一起开发的页面称为动态的html
• DHTML包括：BOM、DOM
• BOM： Browser 浏览器 Object对象 Model模型，包含和浏览器相关的内容
• DOM：Document 文档 Object对象 Model模型，包含和页面相关的内容

BOM浏览器对象模型

window对象

window对象里面的属性称为全局属性，方法称为全局方法，调用时可以省略window.

window里面常见的方法

1. parseInt() 和 parseFloat()
2. alert() 提示框
3. confirm() 确认框.括号里写弹框的提示内容，选确认返回true，取消返回false
4. prompt() 弹出文本框。括号里写弹窗的提示内容，用户写在里面的内容会返回
5. isNaN() 

window中常用的属性

1. location 位置

• location.href 获取和修改浏览器的访问地址
  获取 location.href
  修改 location.href=“http://www.baidu.cn”;
• location.reload(); 刷新

2. history 历史 当前窗口（标签页）历史

• history.length 页面数量
• history.back() 返回上一页面
• history.forward() 前往下一页面
• history.go(n) n正值前进 负值后退 0刷新

3. screen 屏幕

• screen.width/height 得到屏幕的分辨率
• screen.availWidth/Height 得到屏幕可用分辨率

4. navigator 导航、帮助

• navigator.userAgent; 浏览器版本信息

window相关的事件

• 窗口点击事件 onclick
• 页面加载完成事件 onload
• 页面获取焦点事件 onfocus
• 页面失去焦点事件 onblur

eval()

• 可以将字符串以js代码的形式执行

通过js代码给元素添加样式

• 元素对象.style.样式名 = “值”;

定时器

• 每隔一段事件执行某段代码
• 格式： setInterval(方法,时间间隔);
  setInterval(function(){
  alert(“哈哈”);
  },1000);

只执行一次的定时器

• setTimeout(function(){},时间);