js/jsp/css/html
iteye_1873
这个作者很懒,什么都没留下…
展开
-
jsp文件路径剖析
一,案例分析 config :当前路径。 ../config :当前路径的上一级。 ../../config:当前路径的上两级,更多依此类推。 /config : 当前容器的根路径。 上述出现两个定义:当前路径和当前容器的根路径。 二,根路径的误区 根路径并不是指项目的根路径而是web容器的根目录(...原创 2016-01-13 22:25:01 · 127 阅读 · 0 评论 -
JQuery中click与live两种绑定click事件的区别
一,click绑定事件$(document).ready(function() { $('#divId').click(function() { console.log('hello'); });}); 在文档流中,后续通过脚本动态添加的元素(符合 id="divId"),是没有绑定click事件的。 二,live绑定事件$(...原创 2016-03-29 22:22:09 · 796 阅读 · 0 评论 -
CSS属性中Display与Visibility的区别
一,display:none与visibility:hidden的区别 两者都可以用来控制元素的显示和隐藏,visibility属性用来确定元素是显示还是隐藏(visibility="visible|hidden")来表示,visible表示显示,hidden表示隐藏。当visibility被设置为"hidden"的时候,元素虽然被隐藏了,但它仍然占据所在文档流中的位置。而使用...原创 2016-03-20 13:03:03 · 520 阅读 · 0 评论 -
html5的sessionStorage和localStorage应用
一,sessionStorage和localStorage之间的区别 首先,Html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage。 sessionStorage:用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionSto...原创 2016-03-19 23:36:06 · 98 阅读 · 0 评论 -
js之继承
在js中,我们可以通过prototype属性,实现继承,从而达到代码的复用。下面我们将从两个案例中介绍如何通过prototype属性实现继承。案例一:给String类添加成员方法#arguments 函数参数列表String.prototype.format=function(){ if(!arguments) return this; if(argumen...原创 2016-03-18 23:48:18 · 62 阅读 · 0 评论 -
js之封装
一,工具类封装 通过对常用功能的封装,达到代码的复用。下面主要介绍如何封装一些基本的工具方法。#js封装(function($) { /** 参数验证判断工具 类*/ $.paramUtil = { // 判断对象是否为null或undefined isNull : function(value) { if (undefined == ...原创 2016-03-17 23:38:41 · 126 阅读 · 0 评论 -
js基础知识
一,异常捕捉机制 #try-catch异常捕捉try { eval("var jsonData=" + data); } catch (e) { throw "the responseText not a json type" } 二,常用内置函数 #parseInt将字符串转换为整形var num = par...原创 2016-03-17 23:06:50 · 95 阅读 · 0 评论 -
浅谈js变量的弱引用类型所带来的问题
一,问题描述 var old_id = 1, imgNum=5; $(".num-l a").click(function(){ var num = $(this).html(); //假设此处为2 old_id = num; }); function doNextImage() { ...原创 2016-02-19 13:16:06 · 1627 阅读 · 1 评论 -
jsp页面左侧菜单栏,header,footer布局常用方式
方式一,使用<iframe>标签 优点:减少网络流量(不用每次返回都包含菜单,header,footer等信息) 缺点:使用<iframe>标签布局,结构不灵活。方式二,<jsp:include>标签 优点:结构清晰灵活 缺点:网络流量增大(每个jsp页面返回都需要包含菜单,header,...原创 2016-02-17 22:18:46 · 4599 阅读 · 0 评论 -
如何实现form表单提交和ajax异步操作效果相似
步骤一:用一个隐藏的iframe来接收服务端返回的信息 步骤二:服务端返回一段<script></script>脚本(类似于ajax中的回调函数) 步骤三:隐藏的iframe接收到脚本之后,解析执行该脚本动作(调用父iframe中的IDebt.photo.callback()方法)。 总结:以上步骤原始页面不会出现跳转,效果和ajax异步操作相...原创 2016-02-15 21:19:03 · 288 阅读 · 0 评论 -
CSS盒子模型
一,盒子模型图 二,元素在视图中的可见大小 可见宽度=左边框(border-left)+左内边距(padding-left)+content的width+右内边距(padding-right)+右边框(border-right) 可见高度=上边框(border-top)+上内边距(padding-top)+content的height+下内边距(padd...原创 2016-02-15 21:03:53 · 84 阅读 · 0 评论 -
jsp页面如何适配不同屏幕大小的手机浏览器?
一,应用场景 移动应用app终端,需要定制一些活动页面,开展运营类的活动。可以使用jsp定制活动页面,使用css样式适配不同终端的屏幕大小。二,css适配样式 css适配样式如下://适配手机屏幕宽度<=330px的手机@media screen and (max-width:330px) { body { font-size: 32%...原创 2016-01-14 22:05:35 · 1891 阅读 · 0 评论 -
form表单action属性不指定会如何?
一,应用案例 /**如果不指定action的属性值,会如何?*/<form action="/user/add.do" method="post"> <input type="text" name="username"> <input type="password" name="pwd&quo原创 2016-01-13 22:33:51 · 4470 阅读 · 1 评论 -
a标签href实现页面内容点击定位
一,应用场景 点击页面目录标题,实现在本页面锚链接相应内容。二,实现原理 <a>标签href属性,根据元素id,定位元素位置。<div class="headList"> <h3>目录索引</h3> <ul class="index"> &原创 2016-05-07 20:52:29 · 6603 阅读 · 0 评论