博客

系统对话框

alert()

弹出一个带提示信息和确认按钮的弹出框

prompt()

输入框

参数一：显示的文本信息

参数二：文本框默认显示的文本

例:

var uname = window.prompt("请输入用户名","xxx");

confirm()

确认框，有确认按钮和取消按钮，如果点击确认执行对应的函数

窗口的打开和关闭

打开窗口

window.open()方法既可以导航到一个特定的 URL 也可以用来打开一个新的窗口

			打开空白窗口
				window.open();
			打开指定窗口
				window.open("地址");
			打开模式：
				_self、_blank、_parent、_top

关闭窗口

window.close()

注：只能关闭被open()打开的窗口

时间函数

			setTimeout
				var id = setTimeout(function,times)
					在指定的毫秒数后调用函数或计算表达式。返回唯一标识符
					参数一：要执行的函数
					参数二：延时几秒执行，单位毫秒
				clearTimeout(id) 
					通过标识符来清除指定函数的执行
			
			setInterval()
				可按照指定的周期（以毫秒计）来调用函数或计算表达式，也可根据返回的标识用来结束。
				该方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。

history 对象的属性：

			length，返回浏览器历史列表中的 URL 数量。
		history 对象的方法：
			back()：加载 history 列表中的前一个 URL。
			forward()：加载历史列表中的下一个 URL。当页面第一次访问时，还没有下一个 url。
			go(number|URL): URL 参数使用的是要访问的 URL。而 number 参数使用的是要访问的 URL 在 History 的 URL 列表中的相对位置。go(-1)，到上一个页面

location 对象的属性

href：设置或返回完整的 URL

ocation 对象的方法

reload()：重新加载当前文档。

replace()：用新的文档替换当前文档。

节点的类型

		节点类型			HTML内容 				例如
		文档节点 		文档本身 				整个文档 document
		元素节点 		所有的 HTML 元素 		<a>、<div>、<p>
		属性节点 		HTML 元素内的属性 		id、href、name、class
		文本节点 		元素内的文本 			hello
		注释节点 		HTML 中的注释 			<!-- -- >

获取节点的方法和设置属性

		获取节点
			注意：操作 dom 必须等节点初始化完毕后，才能执行。处理方式两种:
			（1）把 script 调用标签移到 html 末尾即可；
			（2）使用 onload 事件来处理 JS，等待 html 加载完毕再加载 onload 事件里的 JS。
			window.onload = function () { //预加载 html 后执行};
		
		方法 							描述
		getElementById() 			根据 id 获取 dom 对象，如果 id 重复，那么以第一个为准
		getElementsByTagName() 		根据标签名获取 dom 对象数组
		getElementsByClassName() 	根据样式名获取 dom 对象数组
		getElementsByName() 		根据 name 属性值获取 dom 对象数组，常用于多选获取值
	
	
		设置属性
			dom对象.属性名 = "属性值";
			注：如果属性里面还有属性，dom对象.属性名.属性名 = "属性值";
			一般场景，比如style属性：
				dom对象.style.color="red"   设置字体颜色