js
文章平均质量分 60
wangyanlong0107
这个作者很懒,什么都没留下…
展开
-
ajax同步
今天在开发过程中,遇到一个问题。 需要用js画html页面,然后用ajax取后台的数据,由于用的是buffalo框架,因此没法设置同步方法,只能采用异步模式,跳转到这个页面如果有一条记录的时候,没有问题。但是一旦有多条数据,ajax的异步就会出错,容易把这些记录弄混淆。这就类似于多线程程序的同步问题,对于critical section的race condition。 ...原创 2011-12-14 13:50:53 · 60 阅读 · 0 评论 -
【转】Ajax框架Buffalo深度研究
Buffalo深度研究——2010.01.11, IT进行时[MSN:zhengxianquan AT hotmail Dot com] 同步在javaeye上发布:http://www.javaeye.com/topic/5674881. Buffalo概述Buffalo是一个前后贯通的完整的Ajax框架,目前最新的版本是2.0.1,其主页是:http://bu...原创 2012-11-20 11:33:39 · 511 阅读 · 0 评论 -
【转】javaScript技巧集合
事件源对象 event.srcElement.tagName event.srcElement.type捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event.ctrlKey事件返回值...原创 2012-08-17 13:52:42 · 96 阅读 · 0 评论 -
【转】js刷新页面方法大全
一、先来看一个简单的例子: 下面以三个页面分别命名为frame.html、top.html、bottom.html为例来具体说明如何做。 frame.html 由上(top.html)下(bottom.html)两个页面组成,代码如下: 复制代码代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"...原创 2012-09-17 17:59:14 · 122 阅读 · 0 评论 -
js中间跳转的bug
我现在想实现,点击按钮触发一个事件,事件完成后,调用js刷新当前页面,并且防止刚才触发的事件再次发生。我现在一刷新页面就出现这个 原因是:这个页面是post过来的,刷新就会提示是不是重新发送上个界面的表单如果是get过来的就不会出现了。...原创 2012-09-17 21:31:45 · 112 阅读 · 0 评论 -
【转】通过onkeypress和onkeydown事件禁用键盘中某些键
上周提交了一个项目(内部使用的),一同事提出个BUG,说要禁用退格键(backspace或者叫后退键),因为这和他的习惯不一样,担心万一文字录入一半,他按了退格键,那整个页面的内容就白填了,然后信誓旦旦的说他做的系统中后退键都是不能用的,我这个系统有问题,当时因为事多,只把这个问题记录下来了,后来查了下他以前做的项目,也没有对退格键进行处理。自己的项目都没处理,到我这嚷嚷来了,算了,不...原创 2012-09-18 09:28:04 · 183 阅读 · 0 评论 -
【转】JS监听关闭浏览器事件
Onunload与Onbeforeunload Onunload,onbeforeunload都是在刷新或关闭时调用,可以在<script>脚本中通过window.onunload来指定或者在<body>里指定。区别在于onbeforeunload在onunload之前执行,它还可以阻止onunload的执行。 Onbeforeunload也是在页面刷新或关闭时调用...原创 2012-09-19 13:37:01 · 89 阅读 · 0 评论 -
document.getElementByClassName("classname")是原生JS吗?
需求:比较税前薪资是否在薪资范围内,超过范围则薪资输出变红色。 vo里面加了变量redFlag用于判断一条记录是否超过范围,是否变红。但是在jsp页面中由于封装的标签,修改css没有用。 想到用js动态改变颜色。但是tb:gridColumn标签只能加styleClass属性<!-- added by wang.yanlong 2015-04-17 超过税前薪酬上限变红...原创 2015-04-17 19:31:41 · 3074 阅读 · 0 评论 -
jsonp详解
json相信大家都用的多,jsonp我就一直没有机会用到,但也经常看到,只知道是“用来跨域的”,一直不知道具体是个什么东西。今天总算搞明白了。下面一步步来搞清楚jsonp是个什么玩意。同源策略首先基于安全的原因,浏览器是存在同源策略这个机制的,同源策略阻止从一个源加载的文档或脚本获取或设置另一个源加载的文档的属性。看起来不知道什么意思,实践一下就知道了。1.随便建两个网页一个端...原创 2017-03-31 10:15:55 · 101 阅读 · 0 评论 -
window.close()不出现提示框的方法
当我们使用window.close()时经常会出现一个提示框,提示我们是否关闭。我们可以用如下方法,来去除提示框从而增加客户体验。 Html代码 function Close(){ var ua = navigator.userAgent; var ie = navigator.appName == "Microsoft Intern...原创 2015-12-02 15:15:23 · 655 阅读 · 0 评论 -
10个JavaScript测试
1、考察this1234567891011121314var length = 10;function fn() { console.log(this.length);} var obj = { length: 5, method: function(fn) ...原创 2017-05-03 10:12:52 · 79 阅读 · 0 评论 -
必读js书籍
一个很好的起点是Kyle Simpson的系列读物:You Don’t Know JavaScript,你可以在线免费阅读。Eric Elliott 也有一个很长的阅读清单:JavaScript topics to learn in 2017。Henrique Alves 也列出了一个清单:在使用React之前你应该知道的事情(事实上任何一个框架都是如此)。...原创 2017-01-13 15:33:07 · 77 阅读 · 0 评论 -
让DIV中的垂直滚动条自动滚到最底部
在聊天窗口中当消息增多超过消息窗体DIV的高度时就会出现滚动条,但此时滚动条在绝大多数浏览器中都始终位于DIV的顶部,这样就会导致之后的消息看不见,必须往下拖动滚动条才能看到新的消息,如果做到当出现滚动条时,滚动条始终位于DIV的底部呢?方式一:设置DIV的scrollTop=scrollHeight;方式二:在DIV的底部添加一隐藏元素element,然后调用element.scrol...原创 2017-07-16 10:23:02 · 482 阅读 · 0 评论 -
【转】javascript运行机制之执行顺序详解
JavaScript是一种描述型脚本语言,它不同于java或C#等编译性语言,它不需要进行编译成中间语言,而是由浏览器进行动态地解析与执行。如果你不能理解javaScript语言的运行机制,或者简单地说,你不能掌握javascript的执行顺序,那你就犹如伯乐驾驭不了千里马,让千里马脱缰而出,四处乱窜。 本文地址:http://blog.csdn.net/chen_zw/art...原创 2017-08-02 15:24:05 · 105 阅读 · 0 评论 -
Chrome 的审查元素功能有哪些奇技淫巧?
https://www.zhihu.com/question/34682699原创 2017-09-27 18:31:18 · 2045 阅读 · 0 评论 -
【转】解析Javascript事件冒泡机制
1. 事件 在浏览器客户端应用平台,基本生都是以事件驱动的,即某个事件发生,然后做出相应的动作。 浏览器的事件表示的是某些事情发生的信号。事件的阐述不是本文的重点,尚未了解的朋友,可以访问W3school教程 进行了解,这将有助于更好地理解以下的内容 。2.冒泡机制 什么是冒泡呢? 下面这个图片大家应该心...原创 2017-09-28 21:11:22 · 106 阅读 · 0 评论 -
jQuery之防止冒泡事件
冒泡事件就是点击子节点,会向上触发父节点,祖先节点的点击事件。下面是html代码部分:<body><div id="content"> 外层div元素 <span>内层span元素</span> 外层div元素</div><div id="msg"原创 2017-09-28 21:16:13 · 119 阅读 · 0 评论 -
jquery,ajax,jsonp例子+springmvc后台
<script src="js/jquery-1.11.1.min.js"></script><script>$(function () { $("#username").bind('change', function () { /* $.ajax({ url: "http:...原创 2017-11-05 20:26:00 · 251 阅读 · 0 评论 -
jsbug定位
js报错,这是后可以复制详细信息,打印到notepad上,然后查看出错的地方,以便定位出错的页面。这个方法尤其在有父、子多个页面您的时候定位问题是在哪个页面。 网页错误详细信息 用户代理: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET4.0C; .NET4.0E; .NE...原创 2012-04-16 10:51:05 · 147 阅读 · 0 评论 -
【转】js查看Object对象的内容
假设将对象赋给test,此时test是也是对象。var test = object;一、查看对象内容(一级对象)。 for(i in test ){ alert(i); //获得属性 alert(test[i]); //获得属性值} 二、查看对象里的对象(二级及以上)for(i in test ){ alert(i); al...原创 2012-04-13 15:55:48 · 79 阅读 · 0 评论 -
js中用到的正则表达式
今天做项目,遇到一个问题,需要过滤字符串中的字符,保留数字,上网查需要用到正则表达式。//校验是否全由数字组成 function isDigit(s) { var patrn=/^[0-9]{1,20}$/; if (!patrn.exec(s)) return false return true } //过滤非数字的字符 var empC...原创 2011-11-17 13:12:23 · 78 阅读 · 0 评论 -
js跳转页面方法(转)
<span id="tiao">3</span><a href="javascript:countDown"></a>布丁足迹;秒后自动跳转……<meta http-equiv=refresh content=3;url='/search/billsearch.jsp'</ul><!--脚本开始原创 2012-06-14 16:28:46 · 73 阅读 · 0 评论 -
【转】 JS计算日期天数之差
做项目的时候碰到一个问题,就是要计算2个日期之间的天数之差,于是上网搜索了一下,找到了解决方案,代码如下://计算日期之差function getDays(strDateStart,strDateEnd){ var strSeparator = "-"; //日期分隔符 var oDate1; var oDate2; var iDays; oDate1= strDa...原创 2012-07-05 11:35:45 · 112 阅读 · 0 评论 -
【转】JS instanceof 判断类型 问题
判断变量类型:一般情况下,可以先用typeof 运算符,如果结果是"object",再用instanceof来判断; 特别的地方是: instanceof不认为原始类型值的变量是对象, 1. var temp="a string for test"; 2. //下面这句返回"string" 3. alert( typeof temp); 4. //下面这句...原创 2012-07-05 15:55:22 · 591 阅读 · 0 评论 -
【转】JS动态控制元素的readonly属性
在HTML中可以设置输入框属性readonly来控制不能输入,但是如果在JS下需要注意,要写成readOnly,注意大小写(readOnly=true/false).原创 2012-07-16 18:03:23 · 500 阅读 · 0 评论 -
【转】用JS为 <input type=file>的value属性动态赋值
用JS为 <input type=file>的value属性动态赋值在 HTML 文档中 ,<input type="file"> 标签是浏览器向服务器发送选中文件的。该元素有一个 value 属性,保存了用户指定的文件的名称,为安全起见,file-upload 元素的value 属性是只读的,不允许程序员修改它的值,并且HTML value 属性也会被忽略。不过有时候我们...原创 2012-07-18 09:27:25 · 1283 阅读 · 0 评论 -
【转】JS DOM
Dom元素基本操作方法API,先记录下,方便以后使用。 W3C DOM和JavaScript很容易混淆不清。DOM是面向HTML和XML文档的API,为文档提供了结构化表示,并定义了如何通过脚本来访问文档结构。JavaScript则是用于访问和处理DOM的语言。如果没有DOM,JavaScript根本没有Web页面和构成页面元素的概念。文档中的每个元素都是DOM的一部分,这就使得JavaSc...原创 2012-11-01 20:48:25 · 74 阅读 · 0 评论 -
【转】Buffalo Ajax框架配置使用
buffalo-2.0(国人开发的Ajax框架),下载buffalo-2.0-bin就可以了,个人认为也下载buffalo-2.0-src下载地址:http://sourceforge.net/project/showfiles.php?group_id=1788671.buffalo-2.0.jar在buffalo-2.0-bin里,把它加到Web应用程序里的lib2.buffalo.j...原创 2012-07-26 13:39:50 · 101 阅读 · 0 评论 -
【转】国产Ajax框架-Buffalo 介绍以及快速上手
今天看了CSDN上的一篇文章国产Ajax框架,顺着去Buffalo的网站去看了看,还真不错,文档,帮助,下载,实例都写的很完整,有些实例都是在实际项目开发中非常实用的,所以在这里也做个简单介绍,内容主要来自buffalo网站,我也就是做个整理,顺便做个传道者(绝对不是托啊)内容分两部分,大家可以根据需要选择来看1. Buffalo的特征Ajax正开始大行其道,Sun的Bluep...原创 2012-07-26 13:48:57 · 389 阅读 · 0 评论 -
【转】JS 中如何将字符串转化成日期
VBScript 中,通过 CDate 可以轻松将字符串类型的日期转化成日期类型的日期。在 JS 中,就没有那么轻松了。其中有一种方法是:Date.parse(dateVal),此函数功能强大,但是有个致命的缺点,那就是不支持我们常用的“年-月-日”格式,短日期可以使用“/”或“-”作为日期分隔符,但是必须用月/日/年的格式来表示,例如"7/20/96"。另一种方法是使用 spli...原创 2012-07-26 14:48:18 · 478 阅读 · 0 评论 -
HTML中相对URL的选取
转自:http://blog.csdn.net/gashero/article/details/1483283HTML中的相对URL绝对是个艺术,其变化多端简直几近于C语言的缓冲区溢出。下面谈一下偶在调试中遇到的几个相对URL的问题。1、真正的相对路径据个例子,假如你有一个调试用的服务器地址为"http://localhost"。其下还有几个子功能。包括"http://localhost/he...原创 2012-11-08 18:50:55 · 508 阅读 · 0 评论 -
js dom代码
简单的表格: 复制代码代码如下:<table> <tr> <td id="TEST"> <input type="submit" value="确定"> <input type="button" value="取消"> </td> &a原创 2012-11-08 19:03:16 · 103 阅读 · 0 评论 -
js限制上传附件扩展名的函数
function lastname(filepath,fileend){//参数是文件的路径和你需要校验的扩展名 //获取欲上传的文件路径 //var filepath = document.getElementById("appraisereportId_show").value; //为了避免转义反斜杠出问题,这里将对其进行转换 var re = /(\\+)/g; ...原创 2012-08-03 09:06:03 · 136 阅读 · 0 评论 -
【转】js页面跳转
1.在原来的窗体中直接跳转用window.location.href="你所要跳转的页面";2、在新窗体中打开页面用:window.open('你所要跳转的页面');window.history.back(-1);返回上一页3、一些用法按钮式:<INPUT name="pclog" type="button" value="/GO" onClick="location.hre...原创 2012-08-03 13:16:22 · 86 阅读 · 0 评论 -
【转】js中字符串相等问题
刚开始还以为JS中字符串值的比较不是用==呢,在网上查,后来才找出原因,可能是因为outerText 取回来的文字里面有空格,所以得去除空格后再进行比较。ifix = ifix.replace(/^/s*/, "").replace(//s*$/, ""); ...原创 2012-08-03 13:37:56 · 86 阅读 · 0 评论 -
【转】HTML Flash Object属性
一、介绍 要在网页中正常显示flash内容,那么页面中必须要有指定flash路径的标签。也就是object和embed标签。object标签用于 windows的IE浏览器,而embed用于windows和macintosh(苹果机)平台下的Netscape Navigator浏览器以及macintosh平台下的IE浏览器,windows平台的IE利用Activex控件播放fl...原创 2012-08-06 16:50:07 · 71 阅读 · 0 评论 -
【转】链接中的href与onclick执行js的区别
1. 链接的 onclick 事件被先执行,其次是 href 属性下的动作(页面跳转,或 javascript 伪链接);2. 假设链接中同时存在 href 与 onclick,如果想让 href 属性下的动作不执行,onclick 必须得到一个 false 的返回值。不信,你可以将 goGoogle 函数中的 return false 注释掉;3. 如果页面过长有滚动条,且希望通过链接的 o...原创 2012-04-13 15:55:20 · 131 阅读 · 0 评论 -
js获取web的root path
function getRootPath(){ //获取当前网址,如: http://localhost:8090/jobservice/service/meun.jspvar curWwwPath=window.document.location.href;//获取主机地址之后的目录,如: jobservice/service/menu.jspvar pathName=wi...原创 2018-04-25 00:50:08 · 5147 阅读 · 0 评论