JavaScript
文章平均质量分 68
South-Fly
我喜欢程序员,他们单纯、固执、容易体会到成就感。面对压力,能够挑灯夜战、不眠不休;面对困难,能够迎难而上、挑战自我;他们也会感到困惑与傍徨,但每个程序员的心中都有一个比尔盖茨或是乔布斯的梦想-用智慧开创属于自己的事业。我想说的是其实我是一个程序员!
展开
-
GPS坐标互转:WGS-84(GPS)、GCJ-02(Google地图)、BD-09(百度地图)
WGS-84:是国际标准,GPS坐标(Google Earth使用、或者GPS模块)GCJ-02:中国坐标偏移标准,Google Map、高德、腾讯使用BD-09:百度坐标偏移标准,Baidu Map使用//WGS-84 to GCJ-02GPS.gcj_encrypt();//GCJ-02 to WGS-84 粗略GPS.gcj_decrypt();//G转载 2015-12-18 16:48:10 · 1625 阅读 · 0 评论 -
JS根据userAgent值来判断浏览器的类型及版本
JavaScript是前端开发的主要语言,我们可以通过编写JavaScript程序来判断浏览器的类型及版本。JavaScript判断浏览器类型一般有两种办法,一种是根据各种浏览器独有的属性来分辨,另 一种是通过分析浏览器的userAgent属性来判断的。本文对浏览器各自的userAgent特点做一分析,并给出判断方法:Windows操作系统浏览器系列:IE浏览器系列:特原创 2014-03-28 11:18:54 · 6659 阅读 · 0 评论 -
浏览器兼容模式 总结
想必你一定知道浏览器有个标准(Standards)模式和一个怪异(Quirks)模式,或许你还听说过有个“准标准(Almost Standards)”模式。而当你打开Internet Explorer的时候,又看到了什么浏览器模式、文档模式,还有什么兼容性视图等等...三种模式首先我们要知道,为什么会有这么多模式。其实这是个历史遗留问题,在浏览器大战时期,网景浏览器(N原创 2014-03-10 16:11:05 · 1603 阅读 · 0 评论 -
JS方式将光标聚焦在文本最后
//将光标聚焦在文本最后function cursorEnd(){ var e = event.srcElement; var r = e.createTextRange(); r.moveStart('character',e.value.length); r.collapse(true); r.select();}原创 2014-02-13 16:40:38 · 1465 阅读 · 0 评论 -
js中数组(Array)的排序(sort)注意事项
var arrDemo = new Array(); arrDemo[0] = 10; arrDemo[1] = 50; arrDemo[2] = 51; arrDemo[3] = 100; arrDemo.sort(); //调用sort方法后,数组本身会被改变,即影响原数组 alert(arrDemo);//10,100,50,51 默认情况下sort方法是按asc转载 2013-12-18 18:36:51 · 5483 阅读 · 0 评论 -
JS 刷新页面方法总结
JS怎么刷新页面reload 方法,该方法强迫浏览器刷新当前页面。语法:location.reload([bForceGet]) 参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新")replace 方法,该方法通过指定URL替换当前缓存在历史里(客户端原创 2013-11-12 19:15:53 · 1450 阅读 · 0 评论 -
JavaScript 遍历JSON对象
[1]遍历JSon对象function travelJson(jsonObj){ if(jsonObj == null){ return; } for (var item in jsonObj){ if(typeof(jsonObj[item]) == "string"){ alert(item+" "+jsonObj[item]); //...... }e原创 2013-11-07 18:46:41 · 743 阅读 · 0 评论 -
JS 正则表达式 常用知识点
JavaScript通过RegExp类型来支持正则表达式,语法格式如下:var reg = / pattern / falgs;正则表达式的匹配模式支持下列3个标志: 1)g:表示全局(global)模式,即模式将被应用于所有字符串,而非在发现第一个匹配项时立即停止; 2)i:表示不区分大小写(case-insensitive)模式,即在确定匹配项时忽略模式与字符串的大原创 2013-11-20 17:02:18 · 1032 阅读 · 0 评论 -
JavaScript children,parentnode,parenelement
parentElement 获取对象层次中的父对象。 parentNode 获取文档层次中的父对象。 childNodes 获取作为指定对象直接后代的 HTML 元素和 TextNode 对象的集合。 children 获取作为对象直接后代的 DHTML 对象的集合。parentNode和parentElement功能一样,childNodes和children功能一样。但是par原创 2013-11-07 18:53:14 · 715 阅读 · 0 评论 -
JS中定义String方法-StartWith及EndWith
String.prototype.EndWith=function(s){ if(s==null||s==""||this.length==0||s.length>this.length){ return false; } if(this.substring(this.length-s.length)==s){ return true; }else{ re原创 2013-11-21 17:37:11 · 1685 阅读 · 0 评论 -
js刷新页面方法
一、先来看一个简单的例子: 下面以三个页面分别命名为frame.html、top.html、bottom.html为例来具体说明如何做。 frame.html 由上(top.html)下(bottom.html)两个页面组成,代码如下:代码如下: frame 现在假设top.html (即上面的页面原创 2013-11-06 18:21:46 · 657 阅读 · 0 评论 -
JS操作JSON总结
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。 本文主要是对JS操作JSON的要领做下总结。 在JSON中,有两种结构:对象和数组。转载 2013-11-06 18:15:45 · 578 阅读 · 0 评论 -
JSON 字符串 对象 相互转换
收集了一些零散的资料,记录如下,以后有时间再整理下:原创 2014-04-18 18:44:38 · 1586 阅读 · 0 评论 -
JS 匿名函数
void function(){ alert('弹出框');}();从以上例子中可以看出,js匿名函数的执行是在 onload 之前,那么空函数是否可以取代onload的动作?js匿名函数的写法还有n多种. 顾名思义,匿名函数就是没有实际名字的函数。例如,我们把上面的例子中,函数的名字去掉,再判断一下他是不是一个函数:alert(ty原创 2014-03-25 13:56:45 · 833 阅读 · 0 评论 -
URL编码与解码&escape, encodeURI和encodeURIComponent区别
通常如果一样东西需要编码,说明这样东西并不适合传输。原因多种多样,如Size过大,包含隐私数据,对于Url来说,之所以要进行编码,是因为Url中有些字符会引起歧义。 例如,Url参数字符串中使用key=value键值对这样的形式来传参,键值对之间以&符号分隔,如/s?q=abc&ie=utf-8。如果你的value字符串中包含了=或者&,那么势必会造成接收Url的服务器解析错误,因此必须原创 2015-07-02 15:35:47 · 1081 阅读 · 0 评论 -
jQuery.cookie.js用法
一个轻量级的cookie 插件,可以读取、写入、删除 cookie。jquery.cookie.js 的配置首先包含jQuery的库文件,在后面包含 jquery.cookie.js 的库文件。使用方法:cookie有四个不同的属性: 名称,内容,域,路径1.新添加一个会话 cookie:$.cookie('the_cookie', 'the_value');原创 2015-07-02 14:47:59 · 2639 阅读 · 0 评论 -
JavaScript 的性能优化:加载和执行
随着 Web2.0 技术的不断推广,越来越多的应用使用 JavaScript 技术在客户端进行处理,从而使 JavaScript 在浏览器中的性能成为开发者所面临的最重要的可用性问题。而这个问题又因 JavaScript 的阻塞特性变的复杂,也就是说当浏览器在执行 JavaScript 代码时,不能同时做其他任何事情。本文详细介绍了如何正确的加载和执行 JavaScript 代码,从而提高其在转载 2015-06-23 17:58:23 · 408 阅读 · 0 评论 -
Javascript性能优化案例
客户端动态输出table数据并展示表格,是web应用中较为常见的工作。对于循环打印输出tr,td本身是一件非常僵硬和暴力的编程办法,再加上最后绑定元素innerHTML字符流输出,系统所消耗的性能代价是非常高昂的,如果我们需要展现的数据非常庞大时,那么代价也是成倍的。然而这种动态输出表格的方法是大多数客户端程序员最常用的方法。那么基于最常用的方法,如何才能降低性能成本,改善用户体验,快速安全的原创 2015-06-23 18:37:59 · 441 阅读 · 0 评论 -
jQuery插件开发及jQuery.extend函数详解和jQuery.fn与jQuery.prototype区别
一、jQuery插件开发分为两种: 1.类级别:类级别你可以理解为拓展jquery类,最明显的例子是$.ajax(...),相当于静态方法。 开发扩展其方法时使用$.extend方法,即jQuery.extend(object); $.extend({ add:function(a,b){return a+b;} , minus:function(a原创 2015-06-01 12:01:58 · 2027 阅读 · 0 评论 -
JQuery获取元素和浏览器窗口的尺寸
1.jQuery width() 和 height() 方法:width() 方法设置或返回元素的宽度(不包括内边距、边框或外边距)。height() 方法设置或返回元素的高度(不包括内边距、边框或外边距)。2.jQuery innerWidth() 和 innerHeight() 方法:innerWidth() 方法返回元素的宽度(包括内边原创 2015-05-14 11:04:21 · 663 阅读 · 0 评论 -
Java,JavaScript中斜杠和反斜杠的替换
Java:在不同的系统中,路径的分隔符不同,故需要做出判断,并切换分隔符;String类中replaceAll方法如下:String.replaceAll(String regex,String replacement),replaceAll() 方法要用 4 个反斜杠,表示一个反斜杠;1. java 把字符串中的反斜杠(\)替换成双斜杠(\\)replac原创 2015-05-13 15:28:38 · 7109 阅读 · 1 评论 -
SpringMVC+ajaxfileupload.js实现文件无刷新上传
web.xml<web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun转载 2015-04-09 16:33:20 · 810 阅读 · 0 评论 -
javascript中encodeURI和decodeURI方法
一、基本概念encodeURI和decodeURI是成对来使用的,因为浏览器的地址栏有中文字符的话,可以会出现不可预期的错误,所以可以encodeURI把非英文字符转化为英文编码,decodeURI可以用来把字符还原回来。encodeURI方法不会对下列字符进行编码:":"、"/"、";" 和 "?",encodeURIComponent方法可以对这些字符进行编码。decodeURI()方转载 2014-11-27 19:57:12 · 675 阅读 · 0 评论 -
javascript:history.go()和History.back()的区别
后退+刷新history.go(i)去指定的某页如果是history.go(0)那就是刷新这两个属于JS代码,相当于IE的前进、后退功能。具体的用处就要看什么时候需要这个就用上。比如用户注册时的验证是后台验证,不符合要求的时候就可以用这个,可以最大限度保证用户少重复输入数据。例如:载入页面: function onLoadPage(){转载 2014-11-27 19:59:30 · 2184 阅读 · 0 评论 -
JS的encodeURI和java的URLDecoder.decode
如何不想url中看到有明文,比如http://localhost:8080/template_1/login.action?user=王三可以使用js的encodeURI的URLDecoder.decode一起使用一起来把url加密下 (1)js在页面上把数据var vv=encodeURI(encodeURI("要传到服务器端的是值"));(调用2次encodeURI)原创 2014-05-07 18:24:29 · 1891 阅读 · 0 评论 -
限制textarea最大录入长度
//限制输入最大值 function doKeypress(txt) { var maxLength = $(txt).attr("maxlength"); var value = $(txt).val(); if (maxLength && value.length > maxLength - 1) {转载 2013-05-29 19:32:27 · 1077 阅读 · 0 评论 -
JavaScript 正则表达式
正则表达式功能: •测试字符串的某个模式。例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。这称为数据有效性验证 •替换文本。可以在文档中使用一个正则表达式来标识特定文字,然后可以全部将其删除,或者替换为别的文字 •根据模式匹配从字符串中提取一个子字符串。可以用来在文本或输入字段中查找特定文字 JavaScri翻译 2013-05-17 19:29:46 · 1803 阅读 · 0 评论 -
话说 JavaScript基本类型和引用类型 -Object类型
1.引用类型的值(对象)是引用类型的一个实例,对象是某个特定引用类型的实例.2.Object对于在应用程序中存储和传输数据而言,该类型确实是非常理想的选择;3.创建Object实例的方式有两种: 1)使用new操作符后跟Object构造函数,如:var person = new Object();person.name = "sunfei";person.age = 2原创 2013-05-05 11:27:25 · 577 阅读 · 0 评论 -
话说 JavaScript基本类型和引用类型 - 综述
JavaScript是一门松散类型的语言.JavaScript变量松散类型的本质,决定了它只是在特定的时间用于保存特定值的一个名字而已.变量的值及其数据类型可以在脚本的生命周期内改变!1.JS基本数据类型:String/Number/Boolean/Null/Undefined;2.这5中基本数据类型是按值访问的,可以操作保存在变量中的实际值;在操作对象时,实际上是在操作对象的引用而不是实原创 2013-05-05 11:15:42 · 677 阅读 · 0 评论 -
话说 JavaScript基本类型和引用类型 -Array类型
1.ECMAScript中的数组与其他多数语言中的数组有着相当大的区别,即使都是数据的有序列表,但ECMAScript数组中的每一项可以保存任何类型的数据,不一定要求每项数据的类型要一致.2.创建数组的两种方式: 1)使用Array构造函数var colors = new Array();var colors = new Array(10);var colors = new原创 2013-05-05 15:02:53 · 685 阅读 · 0 评论 -
JQuery 实现快速排序(不需要访问数据库)
JQuery实现的简单的排序当前页面表格行中某关键字进行快速排序:下面是示例代码:<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%>原创 2013-05-17 20:07:13 · 1381 阅读 · 0 评论 -
动态操作table-2
使用JavaScript操作下面表格: 操 作排 序 名称最小量~最大量 用 量说明 JavaScript方法:function insertRows(physic_code,name,min,max,unit){ //默认为新行插入最后 v原创 2013-04-17 20:32:38 · 165 阅读 · 0 评论 -
动态操作Table-1
//交换表的行(IE)index1和index2之间的行依次移动 function swapRow(tableId,index1,index2){ var tableObj = document.getElementById(tableId); alert(tableId); var rows = tableObj.rows; alert(rows.length); tabl原创 2013-04-15 20:55:12 · 161 阅读 · 0 评论 -
JavaScript 比较时间大小
//var time=document.getElementById('begin_time').value; var time = '2010-12-10 11:12'; time = time.replace("-","/");//替换字符,变成标准格式 var beginTime = new Date(Date.parse(time)); var endTime = new转载 2013-04-08 21:20:44 · 680 阅读 · 0 评论 -
Http协议 数据包结构 及 请求方式
http(超文本传输协议,hypertext transport protocal)是一种应用层协议,定义了浏览器(也可以是其它程序)与web服务器之间通讯的过程与数据的格式。浏览器与服务器之间的连接,只能处理一次请求,然后立即关闭。这种通讯方式,可以让服务器以有限的资源为更多的客户端服务。 http协议数据包的结构: 1.请求数据包的结构 第一部分:请原创 2012-11-08 16:23:29 · 5863 阅读 · 2 评论 -
OSI网络七层协议 与 TCP/IP五层协议
TCP/IP的通讯协议 TCP/IP协议组之所以流行,部分原因是因为它可以用在各种各样的信道和底层协议(例如T1和X.25、以太网以及RS-232串行接口)之上。确切地说,TCP/IP协议是一组包括TCP协议和IP协议,UDP(User Datagram Protocol)协议、ICMP(Internet Control Message Protocol)协议和其他一些协议的协议组。转载 2012-10-20 01:07:24 · 3990 阅读 · 0 评论 -
Http(应用层)-->Socket-->TCP/UDP(传输层)--Socket>-->Http(应用层)
相信不少初学手机联网开发的朋友都想知道Http与Socket连接究竟有什么区别,希望通过自己的浅显理解能对初学者有所帮助。 首先,了解TCP/IP五层协议: 物理层--网络接口层--互联网层--传输层--应用层 1、TCP连接手机能够使用联网功能是因为手机底层实现了TCP/IP协议,可以使手机终端通过无线网络建立TCP连接。TCP协议可以对上层网络提供接口,使上层网络数原创 2012-10-20 00:17:18 · 1089 阅读 · 0 评论 -
Socket连接与HTTP连接
我们在传输数据时,可以只使用(传输层)TCP/IP协议,但是那样的话,如果没有应用层,便无法识别数据内容,如果想要使传输的数据有意义,则必须使用到应用层协议,应用层协议有很多,比如HTTP、FTP、TELNET等,也可以自己定义应用层协议。WEB使用HTTP协议作应用层协议,以封装HTTP文本信息,然后使用TCP/IP做传输层协议将它发到网络上。1) Socket是一个针对TCP和UDP编转载 2012-09-11 15:31:06 · 815 阅读 · 0 评论 -
用HTML5献上爱的3D玫瑰
为之折服!译自:http://www.romancortes.com/blog/1k-rose/转载请标明作者和出处:http://blog.csdn.net/hfahe 我曾参与js1k爱情主题的第四次活动(译者注:关于有趣的js1k,可以看看我上一篇博文《JS1k比赛与3D玫瑰》)。我所提交的是一个静态图像,由程序生成的三维玫瑰。你可以在这里看到它转载 2013-05-22 23:17:04 · 887 阅读 · 0 评论 -
JQuery 操作表单对象
1.JQuery操作文本域TextField对象1.1JQuery读文本域textfield中的值 userName: alert($("#userName").attr("value"));//"请输入姓名"1.2JQuery写文本域textfield中的值 $("#userName").attr("value","sunfei"); $(原创 2013-05-14 20:26:03 · 1917 阅读 · 0 评论