html/js/css/jsp/struts
文章平均质量分 59
qq_26182553
这个作者很懒,什么都没留下…
展开
-
再说Web路径
在处理Web页上一大堆连接的时候,常常被一些相对路径搞得很迷糊,现在整理一下,当作是提醒备忘。其实,很简单,只是老是不记住。呵通常我们遇到的相对路径会有下面三种情况,下面一一来举例说明。一、以"/"为首字母的路径,其完整路径将会是主机名加上该路径名article实际指向:http://hostname /article/index.html二、无斜杠开头的路径,其完整路径将会是当前的U原创 2017-07-13 11:02:31 · 268 阅读 · 0 评论 -
Javascript 实例-- 滑动菜单
#menu h2{ width:80px; line-height:25px; margin:0px; padding:0px; border-right:2px solid white; float:left; background:#999; text-align:center; color:white; } #menu .s原创 2017-07-13 11:10:13 · 290 阅读 · 0 评论 -
Javascript 实例--全选反选
for(var i=0; i<20; i++){ document.write('aaaa '); }select all not select all select unselect select all var vols = document.getElementsByName('vol[]'); function sal原创 2017-07-13 11:10:06 · 163 阅读 · 0 评论 -
Javascript 正则表达式
正则表达式语法\ 将下一个字符标记为一个特殊字符、或一个原义字符、或一个 后向引用、或一个八进制转义符。例如,'n' 匹配字符 "n"。'\n' 匹配一个换行符。序列 '\\' 匹配 "\" 而 "\(" 则匹配 "("。 ^ 匹配输入字符串的开始位置。如果设置了 RegExp 对象的 Multiline 属性,^ 也匹配 '\n' 或 '\r' 之后的位置。 $ 匹配输入字符串的结束位置原创 2017-07-13 11:09:59 · 109 阅读 · 0 评论 -
Javascript 小贴士
1.自动类型强制JScript 是一种具有自动强制的自由类型语言。因此,尽管实际上不同类型的值是不相等的,但对下述示例中的表达式求值都将得到 true。 "100" == 100;false == 0;要核对类型与值都一致,用“严格相等”运算符(===)。下面两个表达式的值为 false:"100" === 100;false === 0;2.delete运算符 用delete原创 2017-07-13 11:09:52 · 147 阅读 · 0 评论 -
Javascript 数组
在 JScript 中,对象和数组几乎相同,两个主要差别是数组多了length属性。1.JScript 中的数组是稀疏的。如果一个数组具有三个元素,编号分别为 0、1 和 2,您就可以创建元素 50,而不必担心从 3 到 49 的参数。2.对象和数组中都可以添加属性和方法,例如在下面的例子中给数组中添加属性和方法:function hello(name){ return "he原创 2017-07-13 11:09:43 · 169 阅读 · 0 评论 -
Jave web 中的乱码问题
1. 调用JSP页面显示乱码 通过浏览器调用JSP页面,在浏览器中所有的中文内容出现乱码。 首先确认本JSP在编辑器中保存文件内容时,使用的是UTF-8的编码格式,然后在JSP页面的开始,添加就可以解决这个中文乱码问题。2.调用Servlet页面显示乱码 通过浏览器调用Servlet,Servlet在浏览器中显示的内容出现乱码。 在Servlet使用response对输出内容原创 2017-07-13 11:12:56 · 185 阅读 · 0 评论 -
JSP 分页
Oracle大记录数分页借助rownumselect * from ( select a.*, rownum num from (select * from guestbook order by name desc) a where rownum where num >=10; Mysql大记录数分页借助rownumselect * from (select * from guestbo原创 2017-07-13 11:12:40 · 192 阅读 · 0 评论 -
Servlet过滤器
Servlet 过 滤 器拦截请求和响应,以便查看、提取或操作客户机和服务器之间交换的数据,他的用途有:用户认证与授权管理。统计Web应用的访问量,和访问的命中率,形成访问报告。实现Web应用的日志处理功能。实现数据压缩功能。对传输的数据进行加密。实现XML文件的XSLT转换。javax.servlet.Filter接口package javax.servlet;im原创 2017-07-13 11:12:33 · 131 阅读 · 0 评论 -
Serverlet监听器
Servlet监听器用处更加方便的控制application、session 和request对 象的发生的特定事件 可以集中处理特定的事件 HttpSession监听器接口HttpSessionListener HttpSessionAttributeListener HttpSessionBindingListener HttpSessionActivationListener原创 2017-07-13 11:12:26 · 401 阅读 · 0 评论 -
JSP Tag
从jsp1.1开始就可以在jsp页面中使用自定义标签了,使用自定义标签不但可以实现代码重用,而且可以使jsp代码更简洁。Jsp2.0的标签扩展API中又增加了SimpleTag接口和其实现类SimpleTagSupport。 标签扩展API层次结构: 实例: 编写一个tag按格式输出时间:1.CommonTag.javapackage com.example.ta原创 2017-07-13 11:12:19 · 207 阅读 · 0 评论 -
JSP EL
1. EL 运算符算术型: +, -, *, /(div), %(mod)逻辑型: &&(and), ||(or), !(not)关系型: ==(eq), !=(ne), >(gt), >=(ge), 条件型: a>b:c空: emptyexample:${a/b} 等价于 ${a div b}${empty string} 如果string 为null或"" 返回 t原创 2017-07-13 11:12:12 · 241 阅读 · 0 评论 -
Javascript 对象的三属性
先定义对象function Person(name,age){ this.name=name; //类的属性 this.age=age; this.sayHello=function(){ //类的方法 document.writeln("Hello I'm " + this.name); } this.setName=function(name){ thi原创 2017-07-13 11:16:58 · 222 阅读 · 0 评论 -
Javascript 属性的特性
Javascript 属性有四个特性:configurable 是否可以删除和修改该属性enumerable 是否可以通过for/in循环返回该属性value 属性的值writable 是否可以修改该属性的值//声明类和类的构造函数function Person(name,age){ this.name=name; //类的属性 this.age=age;原创 2017-07-13 11:16:51 · 332 阅读 · 0 评论 -
Javascript 获取DOM对象
Javascript 通过以下三种方式获取DOM对象 方法1:var div= document.getElementsByTagName('div'); var a =document.getElementsByName('age'); var b =document.getElementById('sex'); 方法2: document.w原创 2017-07-13 11:10:21 · 136 阅读 · 0 评论 -
Javascript DOM
http://www.w3school.com.cn/htmldom/1.DOM结点整个文档是一个文档节点每个 HTML 元素是元素节点HTML 元素内的文本是文本节点每个 HTML 属性是属性节点注释是注释节点2.DOM属性innerHTMLnodeName nodeValuenodeType注:元素类型 NodeType元素 1属性 2文本 3注释 8原创 2017-07-13 11:10:28 · 125 阅读 · 0 评论 -
Javascript事件操作
http://www.w3school.com.cn/htmldom/dom_obj_event.asp一 事件源: 任何一个HTML元素(结点)二 事件1.鼠标onclick 当用户点击某个对象时调用的事件句柄。oncontextmenu 鼠标右击 ondblclick 当用户双击某个对象时调用的事件句柄。onmouseover 鼠标移到某元素之上。 onmouseout 鼠原创 2017-07-13 11:10:36 · 172 阅读 · 0 评论 -
Javascript 原型属性和原型方法
在编写构造函数时,可以使用原型对象(它本身是所有构造函数的一个属性)的属性来创建继承属性和共享方法。原型属性和方法将按引用复制给类中的每个对象,因此它们都具有相同的值。可以在一个对象中更改原型属性的值,新的值将覆盖默认值,但仅在该实例中有效。属于这个类的其他对象不受此更改的影响。下面给出了使用自定义构造函数的示例,Circle(注意 this 关键字的使用)。function Circle (原创 2017-07-13 11:09:36 · 366 阅读 · 0 评论 -
Javascript 对象
Jscript 支持四种类型的对象:内部对象、自定义对象、宿主给出的对象(如 Internet 浏览器中的 window 和 document)以及 ActiveX 对象(外部组件)。1.使用构造方法创建自定义对象function pasta(grain, width, shape, hasEgg) //构造方法{ this.grain = grain; thi原创 2017-07-13 11:09:29 · 136 阅读 · 0 评论 -
Jsp 动作
包含其他页面 转向其它页面 初始化bean 为bean赋值 输出bean的值原创 2017-07-13 11:12:03 · 117 阅读 · 0 评论 -
Jsp 标记
1. JSP 指令标记a. page指令example: 标记当前页面是错误页面 指定错误页面b. Include 指令c. Taglib 指令2. JSP 声明标记 声明jsp的全局变量,相当于类的属性 ...}%> 申明方法还可以定义jspInit()方法 和 JSPDestroy()方法3. Scriptlet 标记 scriptle原创 2017-07-13 11:11:56 · 195 阅读 · 0 评论 -
web 会话编程的实现.txt
会话编程的实现将会话session对象保存在web应用服务器的内存中,每个对象对应一个sessionId,1.将sessionId保存在Cookie中,每次页面请求时通过sessionId访问服务器内存中的session对象。2.如果Cookie被禁用,可用重写URL的方式将session保存在URL中。原创 2017-07-13 11:11:49 · 205 阅读 · 0 评论 -
web 应用-- cookie 的使用
Cookie是早期用来保存用户的信息, 容易泄漏用户的信息, 并且用户可以主动限制使用cookie。添加CookieCookie co = new Cookie("name", "peter");co.setMaxAge(60*60*24*7); //unit is second, save for 1 weekco.setDomain(".jd.com");co.setPat原创 2017-07-13 11:11:42 · 237 阅读 · 0 评论 -
web 应用 防止用户输入中文乱码
1. 防止从web获取到的字符出现乱码在所有request.getParameter() 之前加上 request.setCharacterEncoding("utf-8").2. 防止输出到下一个页面时出现乱码在reponse输出数据前加上 response.setContentType("text/html;chatset=utf-8")原创 2017-07-13 11:11:35 · 272 阅读 · 0 评论 -
web 安全-- 防止用户数据javascript执行 脚本
为防止用户数据javascript执行脚本, 可将用户输入的字符串中 替换成> 类似的替换还有:& --> &" " --> ' --> '" --> "\n -->原创 2017-07-13 11:11:27 · 313 阅读 · 0 评论 -
Javascript window 中的其它对象
window 中的其它对象1.locationlocation=url; 重定向location.href=url; 重定向location.replace(url); 用新页面替代当前页面(不成后退到之前页面) location.reload(true); 重新加载需要记住的方法:location.reload(true); 重新加载location=url; 重定向其它原创 2017-07-13 11:11:12 · 170 阅读 · 0 评论 -
Javascript window 对象+ 父子窗口之间相互操作
例1 用window.open()打开的父子窗口test.htmlvar subwin = window.open('sub.html','_blank','top=50,left=50,height=50,width=50');function show(obj){ subwin.document.bgColor=obj.value;}fu原创 2017-07-13 11:11:05 · 758 阅读 · 0 评论 -
Javascript window 对象 + 浮动广告
window 浏览器窗口对象, 不用创建就能使用1.属性statusopenerclosedparent 父窗体top 顶层窗体2.方法alert();confirm();prompt();var dt = setInterval('aaa()', 100);clearInterval(dt);var to =setTimeout('aaa()'.100);clea原创 2017-07-13 11:10:57 · 304 阅读 · 0 评论 -
Javascript事件对象+鼠标拖动实例
window.event属性:1.srcElement 获取事件源2.keyCode 获取键盘信息3.clientX, clientY, 鼠标相对于窗口左上角的坐标4.screenX,screenY 鼠标相对于屏幕左上角的坐标5.returnValue 事件返回值6.cancelBubble 阻止事件传播到包容对象。例如当body和div同时定义了onclick事件时,可组织对d原创 2017-07-13 11:10:50 · 214 阅读 · 0 评论 -
Javascript事件对象+贪吃蛇
事件对象:http://www.w3school.com.cn/htmldom/dom_obj_event.asp时钟循环:http://www.w3school.com.cn/htmldom/met_win_setinterval.asp#tu{ position: absolute; left:0px; top:0px; width:20px;原创 2017-07-13 11:10:43 · 181 阅读 · 0 评论 -
属性的遍历,删除,检测
先定义三种不同类型的属性(方法也可当作属性来看待) //声明类和类的构造函数 function Person(name,age){ this.name=name; //类的属性 this.age=age; this.sayHello=function(){ //类的方法 document.writeln("Hello I'm " + this.name);原创 2017-07-13 11:16:44 · 147 阅读 · 0 评论 -
Javascript 创建对象的四种方法,类的三种属性,三种方法
1. 使用Jeson创建新对象var point={x:1,y:2};var point2={x:point.x, y:point.y+2};var person={'the name':'peter', 'the age': '23'};document.write(point2.y);document.write(person['the name']);Jeson表达式的原创 2017-07-13 11:16:35 · 510 阅读 · 0 评论 -
HTML5 Local Storage
1. window对象sessionStorage 和 localStoragelocalStorage 可以在浏览器关闭的情况下长久保存数据,多个标签页直接可以共享数据,但是不能跨浏览器。localStorage的作用域是用协议,主机名,端口来确定的,因此下面的URL直接不能共享数据:http://www.example.comhttp://wap.example.comhttp://w原创 2017-07-13 11:16:28 · 271 阅读 · 0 评论 -
Java Web 半自动开发
to be start原创 2017-07-13 11:20:47 · 181 阅读 · 0 评论 -
Java Web 单点登录
to be start原创 2017-07-13 11:21:02 · 174 阅读 · 0 评论 -
Web 安全
to be start原创 2017-07-13 11:20:55 · 174 阅读 · 0 评论 -
类函数, 原型对象 与 构造方法之间的关系
var F= function(){}; //这是一个类函数var p= F.prototype; //这是与F相关联的原型对象var c= p.constructor; //这是与原型相关联的函数c===F // => true 对于任意函数F.prototype.constructor==Fvar o= new F(); //创建一个类F的对象o.con原创 2017-07-13 11:19:40 · 279 阅读 · 0 评论 -
AngularJS 资料
AngularJS 学习笔记http://www.360doc.com/content/13/0729/13/13328522_303333441.shtml原创 2017-07-13 11:19:33 · 171 阅读 · 0 评论 -
让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法
本文转自:http://www.ijophy.com/2014/05/bootstrap3-compatible-with-ie8.html 最 近做一个Web网站,之前一直觉得bootstrap非常好,这次使用了bootstrap3,在 chrome,firefox,safari,opera,360浏览器(极速模式)、搜狗浏览器等浏览器下均没有问题,而在IE8及IE11下发现样式 无原创 2017-07-13 11:24:28 · 326 阅读 · 0 评论 -
JSON数据与JavaScript对象转换
Json 转js使用JSON.parse(txt), js转Json使用SON.stringify(obj)例如: Create Object from JSON String First Name: Last Name: var txt = '{"employees":[' + '{"firstName":原创 2017-07-13 11:22:44 · 211 阅读 · 0 评论