![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
zhangjinpeng66
这个作者很懒,什么都没留下…
展开
-
Ajax中文乱码的解决办法
Ajax中文乱码的解决办法当用Ajax的get方式与服务器端进行交互时,浏览器端需要将与服务器端交互的中文数据编码两次。服务器端只需解码一次。 ...... var encode_desc = encodeURI(encodeURI(description)); var encode_sub = encodeURI(encodeURI(sub原创 2013-08-27 21:07:15 · 521 阅读 · 0 评论 -
jQuery核心函数介绍-jQuery(elements)
将一个或多个DOM元素转化为jQuery对象。这个函数也可以接收XML文档和Window对象(虽然他们不是DOM元素)作为有效的参数。返回值:jQuery参数:elements(Element, Array):用于封装成jQuery对象的DOM元素示例:设置页面背景色。jQuery代码:$(document.body).css("background", "blac原创 2013-10-07 18:32:59 · 984 阅读 · 0 评论 -
JavaScript库作用及对比
为了简化JavaScript的开发,一些JavaScript程序库诞生了。JavaScript程序库封装了很多预定义的对象和使用函数,能帮助使用者轻松地建立有高难度交互的Web2.0特性的富客户端页面,并且兼容各大浏览器。下面是目前集中流行的JavaScript程序库的介绍和对比。PrototypePrototype是最早成型的JavaScript库之一,对JavaScript的内置对象(转载 2013-09-29 14:39:16 · 786 阅读 · 0 评论 -
jQuery的优势
jQuery凭借简洁的语法和跨平台的兼容性,极大地简化了JavaScript开发人员遍历HTML文档、操作DOM、处理事件、执行动画和开发Ajax的操作。其独特而又优雅的代码风格改变了程序员的设计思路和编写程序的方式。总之,无论是网页设计师、后台开发者、业余爱好者还是项目管理者,也无论是JavaScript初学者还是JavaScript高手,都有足够多的理由去学习jQuery。转载 2013-09-30 11:30:58 · 1363 阅读 · 0 评论 -
jQuery对象与dom对象相互转换
jQuery选择器得到的jQuery对象和标准的javascript中的document.getElementById()取得的dom对象是两种不同的对象类型。如$('#id')得到的是jQuery对象,它不能使用js总的dom方法。因此,jQuery对象如果需要使用标准的dom方法,就需要进行对象转换。jQuery对象jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQu原创 2013-10-14 15:22:07 · 776 阅读 · 0 评论 -
jQuery Ajax事件-ajaxStart(callback)
AJAX请求开始时执行函数。Ajax事件。返回值jQuery参数callback(Function):待执行函数示例$("#loading").ajaxStart(function() { $(this).show();});原创 2013-10-13 20:33:14 · 811 阅读 · 1 评论 -
jQuery Ajax事件-ajaxSend(callback)
AJAX请求发送前执行函数。Ajax事件。XMLHttpRequest对象和设置作为参数传递给回调函数。返回值jQuery参数callback(Function):待执行函数示例AJAX请求发送前显示信息。jQuery代码:$("#msg").ajaxSend(function(evt, request, settings) { $(this).app原创 2013-10-13 20:29:52 · 964 阅读 · 0 评论 -
jQueryAjax请求-jQuery.getJSON(url, [data], [callback])
通过HTTP GET请求载入JSON数据。在jQuery1.2中,您可以通过使用JSONP形式的回调函数来加载其他网络域的JSON数据,如"myurl?callback=?"。jQuery将自动替换?为正确的函数名,已执行回调函数。注意:此行以后的代码将在这个回调函数执行前执行。返回值XMLHttpRequest参数url(String): 发送请求地址。data(Ma原创 2013-10-13 19:52:10 · 1436 阅读 · 0 评论 -
jQuery核心函数-jQuery(callback)
$(document).ready()的简写。允许你绑定一个在DOM文档载入完成后执行的函数。这个函数的作用如同$(document).onload()一样,只不过用这个函数时,需要把页面中所有需要在DOM加载完成时执行的$()操作符都包装到其中来。从技术上来说,这个函数是可链接的——但真正以这种方式链接的情况并不多。你可以在一个页面中使用任意多个$(document).ready事件。原创 2013-10-07 18:43:28 · 1184 阅读 · 0 评论 -
jQuery的Ajax介绍-jQuery.ajax(options)
通过HTTP请求加载远程数据jQuery底层AJAX实现。简单易用得高层实现间$.get,$.post等。$.ajax()返回其创建的XMLRequest对象。大多数情况下你无需直接操作该对象,但特殊情况下可用于手动终止请求。$.ajax()只有一个参数:参数key/value对象,包含各配置及回调函数信息。注意:如果你制定了dataType选项,请确保服务器返回正确的MIME信息原创 2013-10-07 14:25:02 · 951 阅读 · 0 评论 -
练练看游戏JavaScript搜索路径的核心算法实现
练练看游戏JavaScript搜索路径的核心算法实现原创 2013-08-28 16:27:56 · 902 阅读 · 1 评论 -
网页无限下拉的实现原理
随着瀑布流的布局深入人心,传统意义上的翻页已经不能满足用户的请求。现在越来越多的网站,使用无限下拉的方式来展现内容,其实现原理为:1.首先预先加载一部分内容,并显示出滚动条。2.监听浏览器滚动条。3.当滚动条快到浏览器底部的时候,触发请求。4.加载新的面代码如下:var bodyObj = document.documentElement || document.bod原创 2013-10-23 14:39:23 · 3090 阅读 · 0 评论 -
连连看游戏的编程实现
index.cssbody { font-size : 16px; font-weight : bold; color : grey;}#whole { border : 1px double #999999; border-width : 5px; width : 800px; height : 505px; position : relative;原创 2013-08-27 21:53:32 · 1281 阅读 · 0 评论 -
使用非html5实现js板连连看游戏
连连看游戏最关键的难点在于如何实现路径搜索算法,本游戏将通过最简单的一次查找(即两图片相邻)开始逐层递归实现最难的二次拐弯查找。初此之外,JavaScript语言是众所周知较难驾驭的语言,本游戏不依赖任何第三方类库(包括JQuery)以简洁、较少的行数实现。原创 2013-09-22 13:18:25 · 2243 阅读 · 0 评论 -
非html5实现js版弹球游戏
JavaScript灵活多变,本文将介绍如何运用原生态JavaScript代码,在不依赖任何类库(包括JQuery)的情况下,编写复杂的弹球游戏,希望大家进一步驾驭JavaScript语言。原创 2013-09-22 13:57:36 · 1365 阅读 · 0 评论 -
原生JavaScript实现连连看游戏
原生JavaScript编写网页版连连看游戏,源码可在http://download.csdn.net/detail/zhangjinpeng66/6276583中下载,不依赖任何类库(包括JQuery),以简洁、较少的行数实现。连连看游戏最关键的难点在于如何实现路径搜索算法,本游戏将通过最简单的一次查找(即两图片相邻)开始逐层递归实现最难的二次拐弯查找。除此之外,JavaScript语言是众所周知较难驾驭的语言,本游戏不依赖任何第三方类库(包括JQuery)对深入了解JavaScript语言大有帮助。原创 2013-11-05 13:39:18 · 2672 阅读 · 2 评论 -
jQuery核心函数-jQuery(html,[ownerDocument])
根据提供的原始HTML标记字符串,动态创建由jQuery对象包装的DOM元素。你可以传递一个手写的HTML字符串,或者由某些模板引擎或插件创建的字符串,也可以使通过AJAX加载过来的字符串。但是在你创建input元素时会有些限制,可以参考第二个示例。当然这个字符串可以包含斜杠(比如一个图像地址),还有反斜杠。当你创建单个元素时,请使用闭合标签或XHTML格式。例如,创建一个span,可以用$(原创 2013-10-07 18:25:10 · 967 阅读 · 0 评论 -
jQuery对象访问-each(callback)
以每一个匹配的元素作为上下文来执行一个函数。意味着,每次执行传递进来的函数时,函数中的this关键字都指向一个不同的DOM元素(每次都是一个不同的匹配元素)。而且,在每次执行函数时,都会给函数传递一个表示作为执行环境的元素在匹配的元素集合中所处位置的数字值作为参数(从零开始的整形)。返回'false'将停止循环(就像在普通的循环中使用'break')。返回'true'跳至下一个循环(就像在原创 2013-10-08 12:33:27 · 791 阅读 · 1 评论 -
jQuery数据缓存-data(name)
data(name)返回元素上存储的相应名字的数据,可以用data(name, value)来设定。如果jQuery集合指向多个元素,那将只返回第一个元素对应的数据。这个函数可以用于在一个元素上存取数据而避免了循环引用的风险。jQuery.data是1.2.3的新版功能。你可以在很多地方使用这个函数,另外jQueryUI里面经常使用这个函数。返回值 Any参数name(St原创 2013-10-13 18:00:00 · 1163 阅读 · 0 评论 -
JS实现可拉伸表格
//// Resizable Table Columns.// version: 1.0//// (c) 2006, bz//// 25.12.2006: first working prototype// 26.12.2006: now works in IE as well but not in Opera (Opera is @#$%!)// 27.12转载 2013-08-27 21:37:20 · 2106 阅读 · 0 评论 -
弹球游戏的编程实现
CSS文件 #gamePanel{ width:504px; height:504px; background:Black; position:relative; } #gamePanel .score{ font-size:20px; color:White; position:absolute; left原创 2013-08-27 21:46:52 · 2711 阅读 · 0 评论 -
JavaScript实现类Java的Map结构
function Map() { this.data = []; this.put = function(key, value) { this.data[key] = value; } this.get = function(key) { return this.data[key]; } this.remove = fun原创 2013-08-27 21:35:26 · 623 阅读 · 0 评论 -
jQuery核心函数介绍-jQuery(expression, [context])
这个函数接收一个包含CSS选择器的字符串,然后用这个字符串去匹配一组元素。jQuery的核心功能都是通过这个函数实现的。jQuery中的一切都基于这个函数,或者说都是以某种方式使用这个函数。这个函数最基本的用法就是想它传递一个表达式(通常有CSS选择器组成),然后根据这个表达式来查找所有匹配的元素。默认情况下,如果没有指定context参数,$()将在当前的HTML文档中查找DOM元素;如原创 2013-10-07 18:08:09 · 1288 阅读 · 0 评论 -
jQuery Ajax请求-jQuery.getScript(url, [callback])
通过HTTP GET请求载入并执行一个JavaScript文件。jQuery1.2版本之前,getScript只能调用同域js文件。1.2中,您可以跨域调用JavaScript文件。注意:Safari2或更早的版本不能再全局作用域中同步执行脚本。如果通过getScript加入脚本,请加入延时函数。返回值XMLHttpRequest参数url(String):带载入js文件地址。原创 2013-10-13 20:06:27 · 1461 阅读 · 0 评论 -
jQuery Ajax事件—ajaxComplete(callback)
ajaxComplete(callback)Ajax请求时完成执行函数。Ajax事件。XMLHttpRequest对象和设置作为参数传递给回调函数。返回值jQuery参数callback(Function):待执行函数示例AJAX请求完成时执行函数。jQuery代码:$("#msg").ajaxComplete(function(event, request原创 2013-10-13 20:17:05 · 1259 阅读 · 1 评论 -
jQuery Ajax事件-seriallize()
序列表表格内容为字符串。返回值jQuery示例序列表表格内容为字符串,用于Ajax请求。HTML代码:Results: Single Single2 Multiple Multiple2 Multiple# che原创 2013-10-13 21:01:36 · 941 阅读 · 0 评论 -
jQuery Ajax事件-ajaxSuccess(callback)
AJAX请求成功时执行函数。AJAX事件。XMLHttpRequest对象和设置作为参数传递给回调函数。返回值jQuery参数callback(Function):待执行函数示例当AJAX请求成功后显示信息。jQuery代码:$("#msg").ajaxSuccess(function(evt, request, settings) { $(this)原创 2013-10-13 20:41:13 · 2609 阅读 · 0 评论 -
jQuery Ajax请求-jQuery.get(url, [data], [callback], [type])
通过远程HTTP GET请求载入信息这是一个简单的GET请求功能以取代复杂$.ajax。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用$.ajax。返回值XMLHttpRequest参数url(String):待载入页面的URL地址data(Map):(可选)待发送Key/value参数。callback(Function):(可选)载入成功时回调函数。原创 2013-10-13 19:36:48 · 2289 阅读 · 0 评论 -
jQuery取得iframe中元素方法
在iframe子页面获取父页面元素代码如下:$.('#objld', parent.document); 在父页面获取iframe子页面的元素代码如下:$("#objid", document.iframes('iframe').document)或$(document.getElementById('iframeId').contentWindow.documen原创 2013-10-14 14:59:41 · 655 阅读 · 0 评论 -
jQuery Ajax事件-jQuery.ajaxSetup(options)
设置全局AJAX默认选项。参数见'$.ajax'说明。返回值jQuery参数options(可选):选项设置。所有设置项均为可选设置。示例设置AJAX请求默认地址为"/xmlhttp/",禁止触发全局AJAx事件,用POST代替默认GET方法。其后的AJAX请求不再设置任何选项参数。jQuery代码:$.ajaxSetup({ url: "/xmlht原创 2013-10-13 20:49:25 · 979 阅读 · 0 评论 -
jQuery Ajax事件-ajaxStop(callback)
AJAX请求结束时执行函数。Ajax事件。返回值jQuery参数callback(Function):待执行函数示例AJAX请求结束后隐藏信息。jQuery代码:$("#loading").ajaxStop(function() { $(this).hide();});原创 2013-10-13 20:36:47 · 710 阅读 · 1 评论 -
jQuery Ajax事件-ajaxError(callback)
AJAX请求发生错误时执行函数。Ajax事件。XMLHttpRequest对象和设置作为参数传递给回调函数。捕捉到的错误可作为最后一个参数传递。返回值jQuery参数callback(Function):待执行函数function(event, XMLHttpRequest, ajaxOptions, thrownError) { // thrownError只有原创 2013-10-13 20:24:34 · 1403 阅读 · 0 评论 -
jQuery Ajax请求-jQuery.post(url, [data], [callback], [type])
通过远程调用HTTP POST请求载入信息。这是一个简单的POST请求功能以取代复杂$.ajax。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用$.ajax。返回值XMLHttpRequest参数url(String): 发送请求地址。data(Map):(可选)待发送Key/value参数。callback(Function):(可选)发送成功时回调函数。原创 2013-10-13 20:12:10 · 1433 阅读 · 0 评论 -
jQueryAjax请求-load(url, [data], [ballback])
载入远程HTML文件并插入至DOM中。默认使用GET方式-传递附加参数时自动转换为POST方式。jQuery1.2中,可以指定选择符,来筛选载入的HTML文档,DOM中将仅插入筛选出来的HTML代码。语法形如"url#some>selector"。请查看示例。返回值jQuery参数url(String): 待装入HTML网页网址。data(Map, String):(可选)原创 2013-10-13 19:08:40 · 751 阅读 · 0 评论 -
jQuery数据缓存-queue([name], queue)
将匹配元素的队列用新的一个队列来代替(函数数组)返回值jQuery参数name(String):队列名,默认为fxqueue(Array):用于替换的队列。所有函数都有同一个参数,这个值与queue(callback)相同示例通过设定队列数组来删除动画队列HTML代码: div { margin:3px; width:原创 2013-10-13 18:32:18 · 645 阅读 · 0 评论 -
原生JavaScript实现弹球游戏
JavaScript灵活多变,本文将介绍如何运用原生态JavaScript代码,在不依赖任何类库(包括JQuery)的情况下,编写复杂的弹球游戏,希望大家进一步驾驭JavaScript语言。原创 2013-11-05 20:38:33 · 4136 阅读 · 6 评论