用JavaScript的bom操作完成窗口开闭

一、JavaScript有两大骚操作：

一是dom操作，即对document object model（文本对象模型）的操作

二是bom操作，即对browser object model（浏览器对象模型）的操作，这是javaScript最骚的操作了，没有十年开发经验以及英语八级都难以理解

 

二、JavaScript的窗口操作demo

demo的效果:

代码：

hellowin.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>弹窗demo</title>

<script type="text/javascript">
	function open_win(){
		var url = "${pageContext.request.contextPath}/hello.jsp"; 
		var param = "height=300px,width=300px";
	    window.open(url,param);
	}
	
</script>
</head>
<body>
	<input type="button" value="点我嘛~" onclick="open_win()">
</body>
</html>

 

用于弹出的页面hello.jsp

 

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
	<h1>HelloWorld啊荣</h1>
</body>
</html>

三、实际应用：客户管理系统中的选择联系人功能

效果: