用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>

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

效果:





猜你喜欢

转载自blog.csdn.net/pbrlovejava/article/details/80600369
今日推荐