一、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>
三、实际应用:客户管理系统中的选择联系人功能
效果: