随笔分类 -  javascript

上一页 1 2 3 4 5
jQuery+php实现ajax文件即时上传
摘要：网址:http://www.helloweba.com/view-blog-189.html很多项目中需要用到即时上传功能，比如，选择本地图片后，立即上传并显示图像。本文结合实例讲解如何使用jQuery和PHP实现Ajax即时上传文件的功能，用户只需选择本地图片确定后即实现上传，并显示上传进度条，上传完成后，显示图片信息。 HTML本示例基于jQuery以及相当出色的jquery.form插件，所以，先要载入jquery库和form插件。<scripttype="text/javascript"src="jquery.min.js">< 阅读全文
posted @ 2013-03-10 17:18 幻星宇 阅读(526) 评论(0) 推荐(0)
JS的Document属性和方法
摘要：document.title //设置文档标题等价于HTML的title标签document.bgColor //设置页面背景色document.fgColor //设置前景色(文本颜色)document.linkColor //未点击过的链接颜色document.alinkColor //激活链接(焦点在此链接上)的颜色document.vlinkColor //已点击过的链接颜色document.URL //设置URL属性从而在同一窗口打开另一网页document.fileCreatedDate //文件建立日期，只读属性document.fileModifiedDate //文件修改日期 阅读全文
posted @ 2013-02-27 10:18 幻星宇 阅读(166) 评论(0) 推荐(0)
AJAX状态码
摘要：面是Jquery中AJAX参数详细列表：参数名类型描述url String(默认: 当前页地址) 发送请求的地址。typeString(默认: "GET") 请求方式 ("POST" 或 "GET")， 默认为 "GET"。注意：其它 HTTP 请求方法，如 PUT 和 DELETE 也可以使用，但仅部分浏览器支持。timeoutNumber设置请求超时时间（毫秒）。此设置将覆盖全局设置。async Boolean(默认: true) 默认设置下，所有请求均为异步请求。如果需要发送同步请求，请将此选项设置为 fal 阅读全文
posted @ 2013-02-27 10:14 幻星宇 阅读(2064) 评论(0) 推荐(0)
Http同步和异步请求区别
摘要：举个例子：普通B/S模式（同步）AJAX技术（异步） 同步：提交请求->等待服务器处理->处理完毕返回 这个期间客户端浏览器不能干任何事异步: 请求通过事件触发->服务器处理（这是浏览器仍然可以作其他事情）->处理完毕同步就是你叫我去吃饭，我听到了就和你去吃饭；如果没有听到，你就不停的叫，直到我告诉你听到了，才一起去吃饭。异步就是你叫我，然后自己去吃饭，我得到消息后可能立即走，也可能等到下班才去吃饭。所以，要我请你吃饭就用同步的方法，要请我吃饭就用异步的方法，这样你可以省钱。请求方式，分为GET与POST： GET 最为常见的HTTP请求，普通上网浏览页面就是GET。G 阅读全文
posted @ 2013-02-27 10:10 幻星宇 阅读(1079) 评论(0) 推荐(0)
js生成动态的飘过效果
摘要：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title></title><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><script type="text/javascript" src="js/jquery.min.js" 阅读全文
posted @ 2013-02-01 17:43 幻星宇 阅读(537) 评论(0) 推荐(0)
js中opener和parent的区别
摘要：opener即谁打开我的，比如A页面利用window.open弹出了B页面窗口，那么A页面所在窗口就是B页面的opener，在B页面通过opener对象可以访问A页面。parent表示父窗口，比如一个A页面利用iframe或frame调用B页面，那么A页面所在窗口就是B页面的parent。在JS 中，window.opener只是对弹出窗口的母窗口的一个引用。比如：a.html中，通过点击按钮等方式window.open出一个新的窗口 b.html。那么在b.html中，就可以通过window.opener（省略写为opener）来引用a.html，包括a.html的 document等对象， 阅读全文
posted @ 2013-01-08 15:07 幻星宇 阅读(269) 评论(0) 推荐(0)
jQuery.extend函数详细用法
摘要：jQuery中的extend方法通过不同的参数实现了几种不同的继承方法：1. extend(src), 扩展jQuery静态方法.也就是说，将src对象的属性和方法逐一复制给jQueryJava代码 $.extend({test:function(){alert('test函数')}})2. extend(dest,src1,src2,src3...srcN) ,合并多个对象.为jQuery.extend(css1,css2)为例，css1,css2各有一些属性(方法照样会如此处理,这里只讲属性).extend函数会把css2有而css2没有的属性加到css1中,如果css2的 阅读全文
posted @ 2012-11-09 11:36 幻星宇 阅读(268) 评论(0) 推荐(0)
jquery中的call和apply方法
摘要：call方法: 语法：call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义：调用一个对象的一个方法，以另一个对象替换当前对象。 说明： call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。 如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj。 apply方法： 语法：apply([thisObj[,argArray]]) 定义：应用某一对象的一个方法，用另一个对象替换当前对象。 说明： 如果 argArray 不是一个有效的数组或者不是 阅读全文
posted @ 2012-11-02 12:21 幻星宇 阅读(3141) 评论(0) 推荐(0)
jquery扩展
摘要：编写jquery扩展插件第一步：创建一个js文件第二步：编写有关代码jQuery.fn.extend({ ///这个函数是全部选择所有的元素 check: function() { return this.each(function() { this.checked = true; }); //必须return回一个jquery对象 }, uncheck: function() { return this.each(function() { this.checked = false; }); }});第三步：在页面中使用该扩展方法<%@ Page Language="C#&qu 阅读全文
posted @ 2012-11-02 11:56 幻星宇 阅读(228) 评论(0) 推荐(0)
jquery 中 (function( window, undefined ) {})(window)写法详解（转）
摘要：最常见的闭包 (Closure) 范式大家都很熟悉了：123(function() {// ...})();很简单，大家都在用。但是，我们需要了解更多。首先，闭包是一个匿名函数 (Anonymous function), 即是 (function() {}) 这部分。之所以要给 function 添加括弧是为了让它形成一个表达式 (expression), 有了表达式，并且确定它的类型是个函数 (Function 实例), 就可以直接调用它。所以，后面的一对括弧是可以工作的，它的意义是：我要调用 (call) 这个函数。既然是函数调用，那就可以像一般的函数那样，在调用时传入参数。这就是本次讨论 阅读全文
posted @ 2012-11-02 11:53 幻星宇 阅读(2229) 评论(0) 推荐(0)
ajax form表单提交
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文
posted @ 2012-11-02 11:14 幻星宇 阅读(255) 评论(0) 推荐(0)
:input的表意
摘要：:input并不是单单指input元素，实际上是指所有的表单元素。匹配所有 input, textarea, select 和 button 元素 阅读全文
posted @ 2012-10-26 13:13 幻星宇 阅读(136) 评论(0) 推荐(0)
join函数
摘要：join() 方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。<script type="text/javascript">var arr = new Array(3)arr[0] = "George"arr[1] = "John"arr[2] = "Thomas"document.write(arr.join())</script>如果是html中，你想显示6个li的话，如html += new Array(new Date(year, month - 1, 1 阅读全文
posted @ 2012-08-10 14:11 幻星宇 阅读(551) 评论(0) 推荐(0)
当天星期几
摘要：<script type="text/javascript">var d=new Date()var weekday=new Array(7)weekday[0]="Sunday"weekday[1]="Monday"weekday[2]="Tuesday"weekday[3]="Wednesday"weekday[4]="Thursday"weekday[5]="Friday"weekday[6]="Saturday"do 阅读全文
posted @ 2012-08-10 14:08 幻星宇 阅读(224) 评论(0) 推荐(0)
JavaScript求当月天数
摘要：上面是我写的，刚才在网上看到一段更精悍的写法：// 求当月天数function maxDay(){ var d = new Date(); return new Date(d.getFullYear(), d.getMonth() + 1, 0).getDate();}原理：下个月的0号就是当月的最后一天。 阅读全文
posted @ 2012-08-10 13:54 幻星宇 阅读(228) 评论(0) 推荐(0)
keycode对照表
摘要：keycode 8 = BackSpace 回格keycode 9 = Tab keycode 12 = Clearkeycode 13 = Enter 回车keycode 16 = Shift_Lkeycode 17 = Control_Lkeycode 18 = Alt_Lkeycode 19 = Pausekeycode 20 = Caps_Lockkeycode 27 = Escape keycode 32 = space keycode 33 = Priorkeycode 34 = Nextkeycode 35 = Endkeycode 36 = Homekeycode 37 = L 阅读全文
posted @ 2012-08-09 11:53 幻星宇 阅读(178) 评论(0) 推荐(0)
js播放音乐
摘要：点击后直接在方法中加上代码：<embed src="D:/music/Dual.mp3" autostart="true" hidden="true" type="application/x-mplayer2"></embed> 阅读全文
posted @ 2012-06-28 12:42 幻星宇 阅读(165) 评论(0) 推荐(0)
利用js获取图片尺寸与图片大小（高度与宽度)
摘要：利用获取图片尺寸与图片大小（高度与宽度)要注意一点的是要等 图片加载完成后才能js 获取图片宽度与高度的，所以要判断在readystate=="complete"的状态下获取大小,如果是利用file上传的话，每次都要点击清除 image=new image(); imgage.width与高度哦。<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd&quo 阅读全文
posted @ 2012-03-14 11:55 幻星宇 阅读(5340) 评论(0) 推荐(0)

上一页 1 2 3 4 5