前端知识
秋分中的雨
这个作者很懒,什么都没留下…
展开
-
深入浅出JSONP--解决ajax跨域问题
parse用于从一个字符串中解析出json对象,如var str = ‘{“name”:”huangxiaojian”,”age”:”23”}’结果:JSON.parse(str)Objectage: "23"name: "huangxiaojian"__proto__: Object注意:单引号写在{}外,每个属性名都必须用双引号,否则会抛出异常。stringify()用于从一个对象解析出字转载 2016-09-18 16:07:24 · 396 阅读 · 0 评论 -
js模拟化map结构操作
//创建map function getMap(){//初始化map_,给map_对象增加方法,使map_像个Map var map=new Object(); map.put=function(key,value){ map[key]=value;} map.get=function(key){ return map[key原创 2015-03-30 11:12:28 · 485 阅读 · 0 评论 -
js把数字转换为对应的大写
function Chinese(num){ if(!/^\d*(\.\d*)?$/.test(num)){ return false; } var AA = new Array("零","一","二","三","四","五","六","七","八","九"); var BB = new Array("","十","百","千","万","亿","","")原创 2015-03-30 10:45:48 · 1204 阅读 · 0 评论 -
使用getJSON的同步异步问题
在使用$.getJSON()的时候,只有两个参数,一个是url,一个是处理的回滚函数,因为执行getJSON需要花费一定的时间,如果在js中通过getJSON给一个变量赋值,按照js的顺序加载,在使用变量的时候,很有可能值还是没有赋值成功,需要在getJSON执行前添加$.ajaxSettings.async = false;,执行后添加$.ajaxSettings.async = t原创 2015-02-06 10:03:17 · 1854 阅读 · 0 评论 -
解决访问路径url中参数值有中文的办法
1.前台拼接URL的时候,用encodeURI两次封装参数值,如:name=encodeURI(encodeURI(“中文”))。2.后台解析的时候,使用java.net.URLDecoder.decode(request.getParameter("name"),"utf-8")解析.原创 2015-02-06 09:58:46 · 4256 阅读 · 0 评论 -
JS OffsetParent属性
offsetParent属性返回一个对象的引用,这个对象是距离调用offsetParent的元素最近的(在包含层次中最靠近的),并且是已进行过CSS定位的容器元素。 如果这个容器元素未进行CSS定位, 则offsetParent属性的取值为根元素(在标准兼容模式下为html元素;在怪异呈现模式下为body元素)的引用。 当容器元素的style.display 被设置为 "none"时(译转载 2014-11-26 16:32:24 · 1415 阅读 · 0 评论 -
各浏览器对于获取文档水平及垂直方向滚动条位置(scrollLeft、scrollTop)时的参考元素存在差异
问题描述针对获取页面的垂直滚动条的位置,IE Firefox Opera 标准模式下使用 document.documentElement.scrollLeft 获取页面的水平滚动条位置,而混杂模式下则是使用 document.body.scrollLeft。Chrome Safari 在两种文档模式下均使用 document.body.scrollLeft 获取页面的水平滚动条位置。转载 2014-11-24 17:28:01 · 2398 阅读 · 0 评论 -
解析 this.initialize.apply(this, arguments)
一、 起因 那天用到prototype.js于是打开看看,才看几行就满头雾水,原因是对js的面向对象不是很熟悉,于是百度+google了一把,最后终于算小有收获,写此纪念一下^_^。prototype.js代码片段代码如下:var Class = { create: function() { return function() {转载 2014-11-24 13:21:06 · 570 阅读 · 0 评论 -
清除浏览器的缓存
对于html页面,在网页头子部分加入:原创 2014-10-21 14:26:27 · 604 阅读 · 0 评论 -
判断当前浏览器的版本
判断当前浏览器的版本function isIE(){ return navigator.appName.indexOf("Microsoft Internet Explorer")!=-1 && document.all; } function isIE6() { return navigator.userAgent.split(";")[1].to原创 2014-10-08 09:42:55 · 901 阅读 · 0 评论 -
利用easyui实现对表格的行编辑,增加行和修改行
JSP页面代码:style="width: 700px; height: auto"data-options=" iconCls: 'icon-edit', singleSelect: true, toolbar: '#tb', url: '../..原创 2014-05-20 15:16:09 · 6770 阅读 · 0 评论 -
表格组件列属性formatter和styler使用方法
2012年09月21日 ⁄ datagrid ⁄ 共 1220字 ⁄ 评论数 2 ⁄ 被围观 7,802 views+文章目录[隐藏]1明确单元格DOM结构2理解formatter是什么3理解styler是什么对于jQuery easyui的datagrid组件大家应该都不陌生,对于他的两个列属性:formatter和styler转载 2014-04-30 15:48:33 · 2400 阅读 · 0 评论 -
jquery easyUI 中动态 改变 Datagrid中数据的方法
在jquery easyui中,一般在表格中显示数据的方法是在页面加载中指定数据URL,如下:table class="easyui-datagrid" style="width:400px;height:250px" data-options="url:'datagrid_data.json',fitColumns:true,singleSelect:true"转载 2014-03-07 16:52:48 · 2001 阅读 · 0 评论 -
Jquery对象绑定的点击事件执行了多次的原因
Jquery中的bind方法和click等方法绑定事件时对同一个元素绑定的操作时会累加的,那么在进行绑定第二次的时候希望的是更新原来的操作而不是追加操作怎么做呢?Jquery中还有个unbind方法先把前面的绑定给卸载掉就行了比如$("#btn").unbind("click").click(function(){alert("2");})先去除绑定的点击事件,再重新绑定执行。原创 2015-03-31 17:23:10 · 734 阅读 · 0 评论 -
js获取当前地址栏中的参数值
function GetRequest() { var url = location.search; var theRequest = new Object(); if (url.indexOf("?") != -1) { var str = url.substr(1); strs = str.split("&");原创 2015-04-07 09:22:32 · 603 阅读 · 0 评论 -
js本地存储数据方式
WEB应用的快速发展,是的本地存储一些数据也成为一种重要的需求,实现的方案也有很多,最普通的就是cookie了,大家也经常都用,但是cookie的缺点是显而易见的,其他的方案比如:IE6以上的userData,Firefox下面的globalStorage,以及Flash的本地存储,除了Flash之外,其他的几个都有一些兼容性的问题。sessionStorage与localStor原创 2015-04-07 13:41:52 · 3266 阅读 · 0 评论 -
DWR3实现服务器端向客户端精确推送消息
研究了一天半,终于模拟出了这个功能,网上DWR的资料不少,但是真正实现客户端向服务器端精确推送消息的只有两篇文章。但是代码都只有一部分,向我这种刚开始学习DWR的人来说要看懂真的蛮难。不过即便如此,http://www.blogjava.net/stevenjohn/archive/2012/07/07/382447.html这片文章还是给了我很大帮助,再次表示感谢,下面我将转载 2016-07-06 13:54:22 · 498 阅读 · 0 评论 -
DWR推送
框架简介:DWR(Direct Web Remoting) 是一个用于改善web页面与Java类交互的远程服务器端Ajax开源框架,可以帮助开发人员开发包含AJAX技术的网站。它可以允许在浏览器里的代码使用运行在WEB服务器上的JAVA函数,就像它就在浏览器里一样。 本Demo实现的基本功能: 点击jsp界面的按钮,通过DWR调用到服务器端的java代码,在控制台打印出jsp输入框中的值 Dem转载 2016-05-17 14:09:13 · 876 阅读 · 0 评论 -
解决ajaxfileupload插件在IE10以下不兼容的问题
在ajaxfileupload.js中找到 if(window.ActiveXObject) { ****}替换为 if(window.ActiveXObject) { if($.support.leadingWhitespace){ var io = document.createElement('ifram原创 2016-01-05 19:01:43 · 2421 阅读 · 1 评论 -
处理下载时候显示文件名中有中文的问题
此文章就是淡出的处理中文名,下载代码网上多的是,此处不写啦。 public String getStr(HttpServletRequest request, String realFileName) throws Exception { String browName = null; String clientInfo = re原创 2015-12-11 14:48:11 · 922 阅读 · 0 评论 -
JS中dataTransfer对象在拖曳操作中的妙用
dataTransfer对象提供了对于预定义的剪贴板格式的访问,以便在拖曳操作中使用。通俗的讲就是在拖曳操作的过程中,我们可以用过dataTransfer对象来传输数据,以便在拖曳操作结束的时候对数据进行其他的操作。对象属性dropEffect:设置或返回拖放目标上允许发生的拖放行为。如果此处设置的拖放行为不再effectAllowed属性设置的多种拖放行为之内转载 2015-07-16 11:04:38 · 2132 阅读 · 0 评论 -
html5中ondrop()事件无效
在html5中,遇到ondrop()事件无效,可能原因是浏览器的默认操作,需执行事件阻止系统的默认操作。obj.ondragover = function(e){ e.preventDefault();}原创 2015-07-16 10:35:44 · 10050 阅读 · 1 评论 -
js 停止事件冒泡 阻止浏览器的默认行为(阻止超连接 # )
在前端开发工作中,由于浏览器兼容性等问题,我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”。1..停止事件冒泡JavaScript代码//如果提供了事件对象,则这是一个非IE浏览器if ( e && e.stopPropagation )//因此它支持W3C的stopPropagation()方法e.stopPropagation(); else//否则,我们转载 2015-07-16 10:30:20 · 587 阅读 · 0 评论 -
Schema约束
验证XML文档是否符合议定的XML结构有两种方法,分别是DTD模式与XML Schema。本文主要介绍XML Schema。一、XML Schema的优点XML Schema基于XML,没有专门的语法。XML Schema可以像其他XML文件一样解析和处理。XML Schema支持一系列的数据类型(int、float、Boolean、date等)。XML Schema提供可扩充的数据模转载 2015-07-14 14:54:04 · 3299 阅读 · 0 评论 -
JSON.parse()和JSON.stringify()
parse用于从一个字符串中解析出json对象,如var str = '{"name":"huangxiaojian","age":"23"}'结果:JSON.parse(str)Objectage: "23"name: "huangxiaojian"__proto__: Object注意:单引号写在{}外,每个属性名都必须用双引号,否则转载 2015-06-09 14:39:58 · 420 阅读 · 0 评论 -
css3中浏览器厂商前缀
css标准中各个属性也要经历从草案(WD)到推荐(REC)的过程,css中的属性进展都不一样。浏览器厂商在标准尚未明确情况下提前支持会有风险,同时也会出现有的浏览器厂商支持的好,有的支持的不好,所以就用厂商前缀加以区分。 CSS3的前缀是一个浏览器生产商经常使用的一种方式。它暗示该CSS属性或规则尚未成为W3C标准的一部分。看看都有哪些前缀:-webkit-moz-ms-o举原创 2015-06-09 13:46:02 · 3866 阅读 · 0 评论 -
IE中的cursor存在的bug
css部分:#slider { position: absolute; width: 860px; left: -450px; overflow: hidden; background: #FFF; border: 20px solid #FFFFFF;}.headClass{ display:block; width:75px; heig原创 2015-06-08 16:40:11 · 1394 阅读 · 0 评论 -
通过js从一个数组中随机的取出一个值
Array.prototype.indexOf = function(val) { for (var i = 0; i if (this[i] == val) return i; } return -1; }; Array.prototype.remove = function(val) { var index = this.indexOf原创 2015-05-18 17:35:16 · 2989 阅读 · 0 评论 -
JS的浏览器兼容性
使用JS一定要考虑浏览器兼容性。现在firefox的市场份额不容忽视,所以一个好的JS程序至少应该在主流的几个浏览器下能够正确运行。编写的时候遵循W3C标准,一般都不会有什么问题。下面这篇文章讲述了如何进行JS的调试:这篇文章讲述了JS在IE和Firefox下的兼容性问题:以下以 IE 代替 Internet Explorer,以 MF 代替 Mozzila Firefox1. d转载 2013-12-26 10:53:49 · 949 阅读 · 0 评论