javaweb学习笔记（九）：JavaScript（2）

1.BOM

1.1window对象

1.2history对象

1.BOM

1.1window对象

一般来说，Window 对象的方法都是对浏览器窗口或框架进行某种操作。而alert()方法、confirm()方法和prompt（）方法则不同，它们通过简单的对话框与用户进行交互。

window对象由浏览器直接创建，当浏览器加载页面时，浏览器会立刻自动创建window对象，如果要获得，直接使用即可。

① alert() 方法用于显示带有一条指定消息和一个确定按钮的警告框。

confirm（）弹出确认框，点击确定返回true，点击取消返回false。

prompt（）弹出对话框，两个可选参数，第一个参数是要在对话框显示的纯文本，第二个参数是默认的输入文本。点击确定返回输入字段当前显示的文本，点击取消返回null。

例：

<!doctype html>

<html>
<head>
	<title>我的js</title>
	<meta charset="utf-8">
        <!--xiao hua  2018-10-30>
	<script type="text/javascript" >

		var num;
		function guess(){
			if(num==undefined){
				num=Math.round(Math.random()*99);
			}
			var input=prompt("请输入一个100以内的整数！","0");
			if(num==input){
				var bool=confirm("输入正确，是否重新开始？");
				if(bool==true){
					num=undefined;
					guess();
				}else{
				}
			}else{
				if(input>num){
					alert("大了");
				}else{
					alert("小了");
				}
				guess();
			}
		}
	</script>
</head>
<body>
	<input type="button" onclick="guess();" value="猜猜看" /> <br/>
</body>
</html>

打开浏览器，查看，示例如下：

点击猜猜看：

②setInterval(code,millisec) 方法与clearInterval() 方法

setInterval(code,millisec) 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。该方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

code :要调用的函数或要执行的代码串。

millisec :周期性执行或调用 code 之间的时间间隔，以毫秒计。

返回值:一个可以传递给Window.clearInterval()从而取消对 code 的周期性执行的值。

clearInterval() 方法可取消由 setInterval() 设置的 timeout。该方法的参数必须是由 setInterval() 返回的 ID 值。

setTimeout(code,millisec) 方法用于在指定的毫秒数后调用函数或计算表达式。该方法只执行code一次。

code ：要调用的函数或要执行的 JavaScript 代码串。

millisec ：在执行代码前需等待的毫秒数。

clearTimeout() 方法可取消由 setTimeout() 方法设置的 timeout。

③常用属性：

frames[] 返回窗口中所有命名的框架。

parent 返回父窗口。

opener 返回对创建此窗口的窗口的引用。

1.2history对象

length 返回浏览器历史列表中的URL数量

back() 加载 history列表中的前一个URL。

forward() 加载 history列表中的下一个URL。

go() 加载 history 列表中的某个具体页面。例：

window.history.forward();

window.history.back();

window.history.go(1);

1.3location对象

2. DOM

2.1dom节点及获取

父类（node）

①整个文档是一个文档节点(document)

②每个 HTML 元素是元素节点(element)

③HTML 元素内的文本是文本节点(text)

④每个 HTML 属性是属性节点(attribute)

⑤注释是注释节点(common)

2.2Event

例：事件的两种添加方式

<html>
<head>
</head>
<body>
	<input type="button" value="点击" id="one"/>
        <!--方式一 -->
	<input type="button" value="点击"  onclick="alert('嘿嘿');" />
</body>
	<script type="text/javascript">
	//方式二：
		var one=document.getElementById("one");
		one.onclick=function(){
			alert("哈哈");
		}
	</script>
</html>