淘宝广告主后台导航jQuery插件

评论(0)浏览(111)分类:HTML/CSS兼容/XML
淘宝广告主后台导航jQuery插件  淘宝广告主后台导航效果,用jQuery写的插件  配置说明fx:动画效果,默认linear,还可以设置为easein,easeout等。。具体看代码里面扩展的jQuery.easingspeed:动画时间,默认500msclick:点击导航后的回调函数,默认空函数  源代码如下!DOCTYPE HTML PUBliC -//W3C//DTD HTML 4.0 Transitional//ENhtmlheadtitle淘宝广告主后台导航jQue..

javascript“==”和“===”区别

评论(0)浏览(164)分类:JavaScript/Ajax开发技巧
javascript“==”和“===”区别  javascript中==与===是不同的,一个是判断值是否相等,一个是判断值及类型是否完全相等。在javascript中,比较数字、字符串和布尔值时使用的都是值(value)。在这种情况下,需要涉及到两个不同的值。对两个字符串来说,只有当它们存放的字符完全相同时,它们才相等。比较对象、数组和函数(都是昨天说过的,引用类型的)时全长的则是引用。 ..

谷歌导航条jQuery插件

评论(0)浏览(105)分类:HTML/CSS兼容/XML
谷歌导航条jQuery插件  本站页头的谷歌导航条效果,使用了jQuery框架,源代码如下!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=content-type content=text/html;charset=utf-8 /title谷歌导航条jQuery插件-编程设计网/title..

HTML5连接SqlLite示例

评论(0)浏览(969)分类:JavaScript/Ajax开发技巧
HTML5连接SqlLite示例  按照国内一HTML5先行者的例子仿写了一个用HTML5 API来操作本地SQLite数据库的例子,感觉这个功能蛮好玩的,但是还不够强大,尤其浏览器支持力度不够: !DOCTYPE html head meta charset=UTF-8 title使用HTML5本地数据库DEMO/title script type=text/javascript src=js/operateDB.js//script /head body onl..

自定义jQuery.easing效果插件注意事项

评论(0)浏览(168)分类:JavaScript/Ajax开发技巧
自定义jQuery.easing效果插件注意事项  在自定义jQuery.easing擦除效果插件时,需要注意使用jQuery.extend来扩展jQuery.easing擦除效果,而不是自定定义jQuery.easing,要不再调用jQuery的效果方法如fadeIn/fadeOut,slideUp/slideDown等时会出现错误。//使用这种方法自定义jQuery.easingjQuery.extend(jQuery.easing,{/*自定义的jQuery.easing效果*/});//不要这样重写jQuery.easi..

access-Control-Allow-Origin跨域请求安全隐患

评论(0)浏览(4721)分类:JavaScript/Ajax开发技巧
access-Control-Allow-Origin跨域请求安全隐患?phpheader(Access-Control-Allow-Origin: *);?  最新的W3C标准里是这么实现HTTP跨域请求的,Cross-Origin Resource Sharing,就是跨域的目标服务器要返回一系列的Headers,通过这些Headers来控制是否同意跨域。  这些Headers有:4 Syntax4.1 Access-Control-Allow-Origin HTTP Response Header4.2 Access-Control-Max-Age HTTP Response He..

最新AJAX(XMLHttpRequest)进行跨域请求方法详解

评论(0)浏览(1151)分类:JavaScript/Ajax开发技巧
最新AJAX(XMLHttpRequest)进行跨域请求方法详解注意:以下代码请在Firefox 3.5、Chrome 3.0、Safari 4之后的版本中进行测试。IE8的实现方法与其他浏览不同。  跨域请求,顾名思义,就是一个站点中的资源去访问另外一个不同域名站点上的资源。这种情况很常见,比如说通过 style 标签加载外部样式表文件、通过 img 标签加载外部图片、通过 script 标签加载外部脚本文件、通过 Webfont 加载字体..

javascript实现IE,firefox客户端图片预览

评论(0)浏览(226)分类:JavaScript/Ajax开发技巧
javascript实现IE,firefox客户端图片预览  javascript实现IE,firefox客户端图片预览,测试浏览器:IE6~8,firefox4.0。  google的chrome,safari,opera浏览器需要上传图片才行,这个不在讨论范围,上传后也变简单多了,将表单自动提交到隐藏iframe实现无刷新上传图片文件后,在服务器端保存图片然后返回路径,具体参考这篇文章:ajax无刷新上传文件,使用iframe模仿。  原理:由..

IE浏览器下获取file控件选择本地文件的路径

评论(0)浏览(2317)分类:JavaScript/Ajax开发技巧
IE浏览器下获取file控件选择本地文件的路径  由于安全问题,IE7+浏览器的internet区域的安全设置中将文件上传到服务器时包含本地目录路径选项默认是禁用的,所以通过file.value得到的不是实际选择的本地文件的路径,而是定位到c:\fjkk\等乱七八糟的路径去,文件名是正确的,路径不正确。  IE浏览器下面可以使用selection对象获取到真实的本地选择文件的路径,firefox需要设置安全性,..

getBoundingClientRect获取元素位置

评论(1)浏览(173)分类:JavaScript/Ajax开发技巧
getBoundingClientRect获取元素位置  javascript可以调用DOM对象的getBoundingClientRect方法获取此元素相对于浏览器视窗的位置  下面这是MSDN的解释:Syntax:使用方法oRect = object.getBoundingClientRect()Return Value:返回值Returns a TextRectangle object. Each rectangle has four integer properties (top, left, right, and bottom) that represent a coordinate ..

jquery lightbox plugin txtImage中文乱码

评论(0)浏览(147)分类:JavaScript/Ajax开发技巧
jquery lightbox plugin txtImage中文乱码  从官网点下载http://leandrovieira.com/projects/jquery/lightbox/下载的jquery lightbox plugin插件,给的示例代码中,当配置txtImage为中文时,会出现乱码或者未显示配置的中文内容。  这个问题主要是因为给的示例html文件中指定的页面编码为utf-8的 meta http-equiv=Content-Type content=text/html; charset=utf-8 / titlejQuery ..

Chrome扩展开发教程(九)Events(事件)

评论(0)浏览(161)分类:JavaScript/Ajax开发技巧
Chrome扩展开发教程(九)Events(事件)事件(Event)就是当某些行为发生后要触发的函数。这些行为包括打开了一个新标签、点击了一个按钮等。下面是利用chrome.tabs.onCreated行为(创建一个新标签页),只要打开了一个新标签页相应的事件就会被触发。这 个例子中,我们用addListener()来注册函数,addListener()的参数总是一个函数,但是这个函数的参数根据事件类型不一样而不同。 点击这..

Chrome扩展开发教程(八)Bookmarks(书签操作)

评论(0)浏览(92)分类:JavaScript/Ajax开发技巧
Chrome扩展开发教程(八)Bookmarks(书签操作)我们可以用chrome.bookmarks模块来对书签做创建、组织等操作。 Manifest要对书签进行操作,必须要再Manifest文件中设置允许调用书签接口(bookmarks API)。一般像下面这样写:{name: My extension,...permissions: [ bookmarks],...}书签对象和属性书 签以树形机构组织,节点或是一个书签或者是个文件夹(可以包含多个书签)。每个节点都是一个B..

Chrome扩展开发教程(七)themes(主题制作)

评论(0)浏览(111)分类:JavaScript/Ajax开发技巧
Chrome扩展开发教程(七)themes(主题制作)  在Chrome中,主题当做一个特殊的插件处理。主题要像普通文件一样打包,但是主题中不包含HTML或者JavaScript代码。你可以在主题库里找到一些主题下载。下面只是简单介绍下主题制作,详细的内容可以参考http://code.google.com/p/chromium/wiki/ThemeCreationGuide主题是在Manifest文件中定义的。下面是个定义主题的典型例子:{version: 2.6,n..

ajax无刷新上传文件,使用iframe模仿

评论(2)浏览(587)分类:JavaScript/Ajax开发技巧
ajax无刷新上传文件,使用iframe模仿其实ajax是无法上传文件的,所以得用隐藏的iframe来模仿ajax未出现之前,一直都是隐藏的iframe来实现无刷新操作如果谁看过图灵程序设计丛书的Ajax高级编程,就知道了。示例下载点击这里下面列出代码,asp的上传代码太麻烦,就使用。net了。。。upload.ashx%@ WebHandler?Language=C# Class=upload %using System;using System.Web;public class ..

jquery查找option通过显示的text内容

评论(0)浏览(138)分类:JavaScript/Ajax开发技巧
jquery查找option通过显示的text内容  如果select对象的option没有value属性,jquery怎么通过option显示的text内容查找到对应的option对象?由于option显示的内容没有什么对应的属性,所以只能使用内容选择器:contains来查找。不能通过属性text查找到。  测试代码如下headscript type=text/javascript src=/js/jquery.js/script/headscript type=text/javascript var one = ..

Chrome扩展开发教程(六)Page Actions(地址栏图标)

评论(0)浏览(118)分类:JavaScript/Ajax开发技巧
Chrome扩展开发教程(六)Page Actions(地址栏图标)地址栏图标代表的是页面内功能,这种功能只能在特地的当前页面发生,而不是所有页面都有这种功能,也就是并不是所有页面上都能显示这样一个图标。比如以下功能只在特定页面才有:RSS订阅图标(仅在有rss订阅功能的网页中才显示)幻灯片显示照片(仅在特定的照片分享网页中有这种功能)下面是个显示RSS订阅图标的图:如果你希望能够一直显示这个图标..

Chrome扩展开发教程(五)Override Pages(重置页面)

评论(0)浏览(208)分类:JavaScript/Ajax开发技巧
Chrome扩展开发教程(五)Override Pages(重置页面)重置是一种用自己提供的页面替换Google Chrome默认页面的方法。一个重置页面常常是用HTML、JavaScript、CSS组成。当前,能够替换的页面只有新标新标签页,新标签页就是我们打开一个新标签时出现的页面。我们可以把默认的新标签页:替换成这种样式:重置页面非常简单,只需在Manifest中定义自己的页面地址。比如下面的例子中,我们使用了newtab.h..

Chrome扩展开发教程(四)Options Pages(选项页面)

评论(0)浏览(247)分类:JavaScript/Ajax开发技巧
Chrome扩展开发教程(四)Options Pages(选项页面)  可以提供一个选项页面(Options Pages)让用户自定义你的扩展。  如果设置了选项页面,那么扩展管理页chrome://extensions将会有一个链接指向选项页面。定义选项页面包括两步:1、在manifest中定义选项页{name: My extension,...options_page: options.html,...}上例中,options_page代表选项页面,options.html是具体的文件地址。2、编写选..

Chrome扩展开发教程(三)Browser Action(扩展图标)

评论(0)浏览(479)分类:JavaScript/Ajax开发技巧
Chrome扩展开发教程(三)Browser Action(扩展图标)文章翻译自http://code.google.com/chrome/extensions/browserAction.html,介绍Browser Action,即右侧的扩展图标。Browser Actions的作用就是控制Chrome地址栏右侧添加一个图标。除了给chrome增加一个图标的功能外,还可以设置提示文字、图标标记、弹出窗口。下图中,在地址栏右侧的彩色图标就是一个Browser Action。Browser Actions创建的图标..

Chrome扩展开发教程(二)概述

评论(0)浏览(163)分类:JavaScript/Ajax开发技巧
Chrome扩展开发教程(二)概述  文章翻译自http://code.google.com/chrome/extensions/overview.html基础知识  一个Chrome扩展是由HTML、CSS、JavaScript、图片等文件压缩而成。扩展实际上就是一个web页面,你可以用任何浏览器提供给web页面的接口,从XMLHttpRequest 到JSON ,再到HTML本地缓存都可以使用。  Chrome 扩展能做什么呢?我们肯定使用过一些扩展,会发现有..

Chrome扩展开发教程(一)入门

评论(0)浏览(277)分类:JavaScript/Ajax开发技巧
Chrome扩展开发教程(一)入门  本chrome扩展效果如下准备工具做任何事情都要有个工具,制作chrome插件需要的工具很少。记事本,用来编写代码Chrome浏览器,这个不能少吧。Windows下,所有版本的Chrome都可以制作插件。Linux下需要下载Beta版本,Mac下载dev版本。开始制作第一个插件在计算机中创建一个目录来存放插件代码。在目录里面创建文件manifest.json(注意后缀名是.j..

javascript在select指定位置插入option

评论(0)浏览(259)分类:JavaScript/Ajax开发技巧
javascript在select指定位置插入option  在dhtml的DOM方法中有insertBefore方法,在浏览器下面可以使用此方法在指定的位置给select添加option对象。不过IE下调用insertBefore时,能添加option,但是创建的option对象设置的text属性会不显示,是空白,需要设置innerText属性来实现。  javascript在select指定位置插入option测试代码如下script type=text/javascriptfunction Inser..

uploadify不显示flash上传按钮

评论(0)浏览(797)分类:JavaScript/Ajax开发技巧
uploadify不显示flash上传按钮  今天尝鲜下载了最新版本的uploadify来试试,在其中一个电脑使用IE6测试的时候发现uploadify没有显示uploadify的flash上传按钮,而是显示html input默认的上传控件。正常情况下的uploadify只显示input file的uploadify  在其他电脑上使用ie6~ie8,firefox或者chrome测试都没问题,能正常显示uploadify的flash上传按钮,就是其中单独的一台电..

json.js与jquery冲突too much recursion/Stack Overflow

评论(0)浏览(1275)分类:JavaScript/Ajax开发技巧
json.js与jquery冲突too much recursion/Stack Overflow  json.js文件和jquery序列化JSON对象为键值对的方法param产生冲突,导致json.js文件中的toJSONString方法重复调用自身从而堆栈溢出出现too much recursion【firefox】/Stack Overflow【IE浏览器】错误。  产生too much recursion/Stack Overflow这个问题主要是jquery调用ajax方法时,如果参数为json对象,jquery会调用param方法序列化json对..

JavaScript hasOwnProperty方法

评论(0)浏览(208)分类:JavaScript/Ajax开发技巧
JavaScript hasOwnProperty方法  JavaScript中hasOwnProperty函数方法返回一个布尔值,用来判断一个对象是否包含指定名称的属性或者方法。  使用方法:object.hasOwnProperty(proName)  参数说明  object:必选项,对象的实例。  proName:必选项,方法或者属性名称的字符串值。  如果object 具有指定名称的属性或者方法么,hasOwnProperty函数方法返回 true,否则..

JSON.stringify介绍

评论(0)浏览(135)分类:JavaScript/Ajax开发技巧
JSON.stringify介绍JSON.stringify浏览器支持:非IE核心的浏览器,如firefox,chrome等,替代方法,下载JSON.JS文件导入,调用obj.toJSONString()即可序列化作用:这个函数的作用主要是为了系列化对象的。语法:JSON.stringify(value [, replacer] [, space])value:是必须要的字段。就是你输入的对象,比如数组啊,类啊等等。replacer:这个是可选的。它又分为2种..

javascript动态给图片添加热点

评论(0)浏览(532)分类:HTML/CSS兼容/XML
javascript动态给图片添加热点  由于图片的热点一般都是写死在HTML源代码里面了,所以如果有多张独立的图片需要增加热点,而且需要根据条件显示或者隐藏其中的某些图片时,这样图片的位置就会发生变动,从而导致添加的热点对不上原图片的位置而导致失效或者乱套了。下面为1张图片拆分成4张进行热点操作。  前提条件:热点是规则的长方形或者正方形,不能是三角形或者菱形..

domReady事件

评论(0)浏览(190)分类:JavaScript/Ajax开发技巧
domReady事件  在w3c浏览器下面,domReady事件==DOMContentLoaded事件,IE浏览器下面没有DOMContentLoaded事件,可以通过IE加载循序使用script+defer属性来实现domReady事件,具体参考下面的代码  基本上每个库都有domReady事件,因为如果要对页面上的元素进行操作,必须等到页面加载了这个元素才行,否则会报错,但是很难判定某个元素是否已加 载,但可..

javascript事件加载循序

评论(0)浏览(142)分类:JavaScript/Ajax开发技巧
javascript事件加载循序  通常来说,window.onload就够用了,如果想加载多个事件,可以采取以下方式:window.onload = function(){ func1(); func2(); func3(); //更多加载事件}  但是如果我们需要页面完全呈现前做一些东西呢,如通过脚本加载其他js文件,或在IE6实现fixed这些东西就要用到domReady 了,domReady好像是jQuery的叫做,一个..