
web&js
jzq1999
这个作者很懒,什么都没留下…
展开
-
使用id引用超链接
今天在做网站页面的时候发现,在超链接中也可以使用id来引用,例如用在这样的场合: 在一些电子商务网站的产品页面的图片会有一个链接,用于在新页面查看产品的图片,html代码: <!-- 开新窗口浏览大图 --> <div class="viewFull"&g...2009-09-14 15:51:20 · 384 阅读 · 0 评论 -
jsonp跨域提交数据
51前写的一篇跨域提交数据的blog——JQuery AJAX跨域提交参数、接收json数据,在IE中使用时,页面会弹出提示“该页正在访问其控制范围之外的信息。这可能导致安全风险。是否继续?”,虽然在chrome和firefox里面则没这个提示,但IE用户还是较多,总感觉有点用户体验上有所欠缺,今天参考IBM社区的一篇文章——使用 JSONP 实现跨域通信,改了一下代码,使用jsonp的方式来实现...原创 2011-05-04 11:36:57 · 148 阅读 · 0 评论 -
iframe无刷新跨域上传文件并获得返回值
需求:从S平台上传文件到R平台,上传成功后R平台返回给S平台一个值,S平台是在一个页面弹出的浮窗里上传文件,所以不能用直接用向R平台submit的方式提交,换用一种类AJAX方式实现,此处用了target的方式,是一种伪AJAX.文件上传--form.html:<form name="form_add" method="post" action="b.action" encty...原创 2011-06-05 18:41:28 · 200 阅读 · 0 评论 -
HTML超链接的一些用法
1. 链接不显示下划线:在head中写:<style TYPE="text/css"><!--A:link{text-decoration:none}A:visited{text-decoration:none}A:hover {color: #ff00ff;text-decoration:underline} --></style&...原创 2012-05-14 13:35:39 · 258 阅读 · 0 评论 -
jquery form向spring mvc提交表单
jquery.form把form封装了一下,可以直接提交表单,以ajax的形式,而spring mvc中有个modelAttribute属性,可以把表单传来的参数包装成对象类型,这样在提交参数的时候处理起来就省事多了(PS:任何省事都是建立在费事研究的基础上),请看代码 javascript: <script type="text/javascript"> functi...原创 2012-05-17 16:26:54 · 217 阅读 · 0 评论 -
获取select的text内容(jquery)
在前端获取select的value比较容易,用getElementById('id')或jquery的$(#'id').val()就可,获取select的文本内容则需要用select对象的options[obj.selectedIndex].text,看js代码 <select id="test" name="cc" onchange="change()"> ...原创 2012-05-17 21:59:42 · 163 阅读 · 0 评论 -
session和cookie的区别
在web前端中经常会用到session,有时也会用到cookie,那么,session和cookie的区别是什么呢?我的理解是,session是每个请求在服务器端保存的一段会话信息,每一个请求的session的另外的请求的session都不同,这样,session用来区别不同的请求。session的实现机制是使用cookie或jsessionid来实现的,当cookie被禁时,就使用url...原创 2011-11-15 17:12:09 · 95 阅读 · 0 评论 -
jsp中include静态文件时乱码解决方法
在jsp中include静态文件如html时,显示乱码的解决方法是:1. 确认jsp的头部编码有<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %> 2. 在工程的web.xml中增加<jsp-config> &l...原创 2013-04-19 18:27:35 · 199 阅读 · 0 评论 -
sitemesh中decorators.xml的说明
<?xml version="1.0" encoding="UTF-8" ?><decorators defaultDir="/WEB-INF/layout"> <!-- 不加装饰的文件 --> <excludes> <pattern>/resources/*&l原创 2013-04-23 15:22:17 · 139 阅读 · 0 评论 -
jsp中两种include方式的体会
jsp中有两种包含文件的方式:<%@include file="target.jsp" %> 和 <jsp:include page="target.jsp" /><%@include %>适用于包含静态文件或内容不经常变化的文件。比如网站页眉、页脚内容。<jsp:include>适用于包含动态文件,即文件内容经常有变化,比如产品列表...原创 2013-04-24 10:49:56 · 126 阅读 · 0 评论 -
帝国CMS使用总结
使用帝国CMS架构了一个小站,摸索了差不多一星期之久,现在有了点眉目。 帝国CMS是基于模板构架的CMS框架,所以修改网站的顺序为——>模板-栏目-信息,重点是模板,有分类模板、内容模板和首页模板,以及模板变量,把模板摆平后,栏目和信息中引用模板的格式即可。...2012-04-14 08:56:23 · 180 阅读 · 0 评论 -
jQuery ajax级联二级菜单
需求:产品营销型网站上传产品时,有产品种类的选择项,产品种类有一级分类和二级分类,点击一级分类时,相应显示二级分类的条目。功能实现:默认查出一级分类的第一条数据,和一级分类第一条对应的二级分类条目,当选择一级分类的其他条目时,通过ajax查询出数据库中对应的二级分类条目,返回json格式的数据,并显示在二级分类的下拉列表中。编程实现:前端页面jsp:<fo...原创 2013-05-23 10:21:50 · 274 阅读 · 0 评论 -
javascript中的闭包
闭包就是closure, 意在方法体外访问到方法内的局部变量,因为javascript中的方法中定义的变量对外是不可见的,类似于是私有的,var a;function access(){ var b = 1;}alert(b); //error取不到值 在上面的alert(b)中是取不到值的,因为不能访问方法内的变量,这时可以通过在方法内嵌套定义方法,来访问方法...原创 2012-09-19 11:45:14 · 80 阅读 · 0 评论 -
Mac安装配置Nginx
1. 安装PCRE库(Nginx rewrite依赖PCRE库)下载PCRE: http://www.pcre.orgtar xvzf pcre-8.37.tar.gzcd pcre-8.37sudo ./configure --prefix=/usr/localsudo makesudo make install 2. 安装Nginx下载Nginx: ...原创 2015-05-15 16:02:06 · 102 阅读 · 0 评论 -
GIT 常用命令
1. 配置使用git仓库的username和emailgit config --global user.name "username" git config --global user.email "you@yourdomain.example.com" 2. 帮助命令git help 3. git rm <file> 或 git remote r...原创 2015-06-23 20:08:17 · 91 阅读 · 0 评论 -
Mongo支持地理索引
1. Geospatial Indexing MongoDB支持二维空间索引,这是设计时考虑到基于位置的查询。例如“找到离目标位置最近的N条记录”。可以有效地作为附加条件过滤。 2. Creating the Index db.places.ensureIndex( { loc : "2d" } ) // 支持平面位置索引或 db.p...原创 2015-10-31 15:37:15 · 135 阅读 · 0 评论 -
JQuery AJAX跨域提交参数、接收json数据
需求是a服务器下页面b.jsp需要调用b服务器的action CoureseInfoProvideAction.java,用了JQuery+ajax技术,返回json类型的数据:b.jsp: <script type="text/javascript"> function showCourseInfo(){ var resourceCode = document...原创 2011-04-29 18:33:53 · 176 阅读 · 0 评论 -
dropbox下载及安装、使用
Dropbox是一个非常优秀的云存储软件,可在多台电脑间同步、共享、备份文件,而且同步的速度很快,安全性也很高,下载链接 https://www.dropbox.com/referrals/NTU3NDgyMjA5,初始容量是2G,从这个链接下载会加送250M,安装之前,需要把电脑的host文件中作一下配置,在host文件里增加一段: 174.36.30.67 dropbox.c...原创 2010-12-30 10:41:12 · 940 阅读 · 0 评论 -
js中去除空格
在String中有个去除空格的方法spilt(),在js中也经常要去除空格,本人从网上找了一些方法,如下: 1. 去除所有空格: str = str.replace(/\s+/g,""); 去除两头空格: str = str.replace(/^\s+|\s+$/g,"")...原创 2008-10-30 16:43:40 · 133 阅读 · 0 评论 -
并列三级联动菜单
近日在项目中用到了三级联动菜单,而且是并列的,就是在点击A的时候,B和C会根据A的变化都发生相应的变化,用的是当A的值发生变化时,就是触发一个事件,页面用的是 js 的 onchange() 事件,然后使用 Ajax 向后台发送一个请求,同时把A的 id 传送过去,因为是并列三级联动,所以在 onchange() 触发的方法里,需要处理两个请求,就是让B和C的值都发生变化,这里我是采...2008-11-14 19:26:46 · 197 阅读 · 0 评论 -
js两种只读实现方式
想让input框的值为只读,有两种实现:document.getELementById(textId).disabled=true; document.getELementById(textId).readOnly=true;第一种input的值变成灰色,第二种input的值的颜色正常显示。...原创 2009-11-04 14:33:02 · 407 阅读 · 0 评论 -
Google 代码托管使用
google的hosting可以存放一个team或个人所建的project的代码,大小限制是100M。 google代码托管的网址是http://code.google.com/hosting/,下面有 Create a new project 的链接,可以创建一个新的project, 点击链接进入 http://code.google.com/...2009-11-05 17:49:24 · 117 阅读 · 0 评论 -
配置hosts文件,run本地应用
[size=medium] hosts文件位于 C:\WINDOWS\system32\drivers\etc 下, 利用这个文件,可将本地发布的应用配置成 www.xxx.com 这样的模式来访问本地应用,其步骤如下: 1. 打开 tomcat 下的 conf 文件下的 server.xml 文件, 将端口 8080 改成 80, 这样当访问 http://local...2009-05-22 14:04:29 · 148 阅读 · 0 评论 -
js验证正则表达式
1. 判断是否包含指定的字符串:function check(CheckStr) { var str; str=document.getElementById("ooo").innerHTML; if(str.indexOf(CheckStr)==-1) return false;...2009-12-02 18:03:20 · 105 阅读 · 0 评论 -
快速修改DNS
[size=medium] 笔者使用的DNS环境需要经常进行变换,每次都是按“本地连接-属性-Internet协议”这样来修改,感觉挺麻烦。在网上 search 了一下,有相关的解决方案,现把解决方案列出: 建两bat文件,分别命名为 Line_invironment.bat 和 Test_invironment.bat,Line_invironment.b...2009-06-22 10:49:04 · 218 阅读 · 0 评论 -
使用 Ajax.Request 类 详解
使用 Ajax.Request 类 ,其实这个JS类不是系统自带的,而是网上的高人写的通用的JS类库,被广泛的使用,这个JS类为:prototype.js,下载:prototype.rar,开发手册下载:prototype.js开发手册.rar----------------------------------------------------------------------...原创 2008-12-31 15:35:09 · 1573 阅读 · 0 评论 -
jquery 常用知识
jquery:顾名思义,就是javascript的query,在整个document中查询元素。 $("#var")=document.getElementById(var);$("var")=document.getElementByName(var); $('.sumbit'): 获得document的按钮或css的class值。 val(): 获得第一个匹配元素的当前值。 text...原创 2010-01-11 17:19:58 · 78 阅读 · 0 评论 -
链接(href)中的js提示
[size=medium] 在web页面中有时会用到这种场景,要在链接中加入提示,如在删除一条数据或修改时,在点击删除或修改按钮时,会提示“是否真的删除?”,想达到这样效果,做法有:删除删除 冻结上述的方法都可以。[/size]...2009-08-10 17:30:26 · 179 阅读 · 0 评论 -
关闭子窗口并刷新父窗口的js写法
在web页面的管理操作中,一般会有修改选项来对每一个item进行修改操作,这时一般会打开一个新窗口,在新窗口中进行修改信息,修改后页面的form提交到后台程序进行处理,后台程序处理完后,可以返回一个标记到页面前端,在页面判断这个标记的值,并根据值决定是否进行相应的web事件操作。如在修改信息提交后,用户想要看到的是,修改页面的窗口关闭,原来的窗口中的内容重新刷新,刷新...原创 2010-01-29 16:12:33 · 185 阅读 · 0 评论 -
jquery ajax解析
jQuery.ajax ( options ) : 通过 HTTP 请求加载远程数据 这个是jQuery 的底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。 $.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该对象,但特殊情况下可用于手动终止请求。 注意: 如果你指定了 dataType 选项,请确保服务器返回...原创 2010-02-03 17:29:11 · 74 阅读 · 0 评论 -
firebug 使用
使用firebug可以调试javascript,还有可以监测网页打开速度,是开发JavaScript、CSS、HTML和Ajax的得力助手。打开firebug的控制台,里面有HTML查看和编辑、Javascript控制台、网络状况监视器。1、Console控制台控制台能够显示当前页面中的javascript错误以及警告,并提示出错的文件和行号,方便调试,这些错...原创 2010-02-03 18:17:00 · 99 阅读 · 0 评论 -
使用JavaScript动态增加或删除表格的行与列
对于新增,可以使用insertRow函对于删除,有两种方式:1. 得到要删除的行在table中的序号rowindex,之后用table.deleteRow(rowindex)2. 得到要删除的行, 之后tr.parentNode.removeChild(tr) 下面是一个demo <HTML> <HEAD> <scrip...原创 2010-02-08 17:08:43 · 194 阅读 · 0 评论 -
倒计时js
在页面的产品促销需要用到倒计时,HTML如下:<span id="pad" class="font18red"> js如下:<script language="javascript"> var startDate = new Date($!dateMillisecond); var endDate = new Date...2010-06-01 11:00:21 · 102 阅读 · 0 评论 -
使用encode和decode来处理参数传递
在前端与后端,后端与后端的系统交互中,总是会涉及到传递不同的参数,而参数的值不一,有中文也是英文,有字母也有符号,如果不对参数做处理,直接传递,会导致特殊符号不能解析,中文乱码等问题。 对此一个解决方案就是对要传递的参数,做encode和decode处理。encode和decode使用方法:JavaScript:encodeURIComponent(URIString);...原创 2015-11-16 17:29:31 · 688 阅读 · 0 评论