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、编写选..

7.12.创建一个带复选框的Tree控件

评论(0)浏览(247)分类:flash/flex/fcs/AIR
7.12.创建一个带复选框的Tree控件7.12.1.问题你要创建一个树。它的结点一个有三个状态的CheckBox。7.12.2.解决办法我们从三个方面去解决这个问题:1 创建TreeItemRenderer。这个renderer 要包含CheckBox;2 当CheckBox 是第三种状态时,将有一个黑色的小图片覆盖在CheckBox 上方,也就是说,这时我们看到CheckBox 的,不是空心的,也不是里边含有“勾”,而是里边含有一个实心的..

javascript正则RegExp,compile参数

评论(0)浏览(246)分类:JavaScript/Ajax开发技巧
javascript正则RegExp,compile参数  javascript正则对象RegExp参数,正则对象方法RegExp.compile参数说明  RegExp对象使用方法new RegExp(pattern, attributes);参数pattern:字符串或者正则表达式,如果是字符串,注意字符需要转义。DEMOscript //参数为数字 var re = new RegExp(\\d{4}, 'g'); alert(re)// == /\d{4}/g re = new RegExp(\d{4}, '..

js合并表格内容重复单元格

评论(0)浏览(245)分类:JavaScript/Ajax开发技巧
js合并表格内容重复单元格  js合并表格每一行中内容相同的单元格,效果如下  源代码如下titlejs合并表格内容重复单元格/titletable id=tb border=1 trtd1/tdtdxx/tdtd111/td/tr trtd2/tdtdxx/tdtd222/td/tr trtd3/tdtdxx/tdtd333/td/tr trtd4/tdtdxx1/tdtd444/td/tr trtd5/tdtdxx1/tdtd555/td/tr trtd6/tdtdxx2/tdtdxx/td/tr/tablescript var t..

CSS media使用技巧

评论(0)浏览(244)分类:HTML/CSS兼容/XML
CSS media使用技巧  在css中我们使用media标签来区分调用哪个css样式,比如使用media=print来表示当执行打印文档时,使用print.css样式。这样使得文档更有得于打印,如将页面宽度增宽、或屏蔽掉一些不需要打印的内容。link href=styles/main.css rel=stylesheet type=text/css media=screen /link href=styles/print.css rel=stylesheet type=text/css media=pr..

从js文件中获取传递给js文件的参数

评论(0)浏览(243)分类:JavaScript/Ajax开发技巧
从js文件中获取传递给js文件的参数问题:从js文件中如何或者传递给本js文件的参数?思路:主要是获取script标签的src属性,然后分析src属性获取到传递的querystring参数。关键:通过上面知道,获取当前script标签是关键。至于如何获取,有2中方法1)可以给script标签块加一个ID,然后通过document.getElementById获取到 a)缺点:需要手动添加script标签的ID b)优点:可以从其他..

获取alexa世界排名和中国排名

评论(0)浏览(243)分类:网站排名及优化
获取alexa世界排名和中国排名  直接从alexa网站a下来的数据,然后使用正则表达式分别获取alexa的世界排名和在中国的网站排名。  示例代码点击这里查看  下面列出的是asp.net的代码,ajax代码不列出,有兴趣自己下载示例代码里面的js文件来研究。-C#%@WebHandlerLanguage=C#Class=latestalexa%usingSystem;usingSystem.Web;usingSystem.Net;usingSystem.Text;usingSyst..

jquery调用webservice

评论(0)浏览(243)分类:JavaScript/Ajax开发技巧
jquery调用webservice关键字:jquery webservice web服务 asmx asp.net  使用jquery访问webservice,要和请求的一般的url路径一样,需要配置过web.config文件,具体参考web服务因URL意外地以/**结束,请求格式无法识别,通过配置web.confg文件后,就不需要构造soap信封,而可以使用一般的get或者post键值对到web服务,就可以获取返回值了。  需要注意的是,请求w..

Canvas使用教程——几何图形绘制(Drawing shapes)

评论(0)浏览(243)分类:Canvas/VML/SVG
Canvas使用教程——几何图形绘制(Drawing shapes)原文:http://developer.mozilla.org/en/Canvas_tutorial/Drawing_shapesThe grid在我们开始绘制图形前,我们先探讨一下canvas中的网格及坐标空间。在前一篇教程中,我们定义了一个150*150的canvas区域,并在该区域绘制了一个图形。在canvas区域中,以左上角为坐标原点(0,0),坐标最小单位为1px。区域内所有元素相对与原点定位。不过在以后的实例..

JavaScript调用flash.external.ExternalInterface.addCallback注册的函数在不同浏览器下的分析

评论(0)浏览(242)分类:flash/flex/fcs/AIR
JavaScript调用flash.external.ExternalInterface.addCallback注册的函数在不同浏览器下的分析  JavaScript在调用flash中使用flash.external.ExternalInterface.addCallback注册的回调函数时,不同浏览器使用的容器对象,和swf文件放置的位置和是否显示有很大关系,如果未设置对,会找不到flash中注册的回调函数。  测试浏览器:IE6,IE7,IE8,Firefox3.6,谷歌chrome 14.0.835.202 mAS脚本function loadPicture(){//......代码......//....

javascript,JScript和ECMAScript版本

评论(0)浏览(242)分类:JavaScript/Ajax开发技巧
javascript,JScript和ECMAScript版本  下表列出了JavaScript,JScript和ECMAScript版本号对应关系,及浏览器版本所使用的JavaScript版本号。JavaScriptJScriptECMAScriptRelease dateNetscape NavigatorMozilla FirefoxInternet ExplorerOperaSafariGoogle Chrome1.01.0March 19962.03.0- early versions, August 19961.12.0August 19963.03.0- later versions, January 19971.2J..

ajax对象getAllResponseHeaders方法

评论(0)浏览(241)分类:JavaScript/Ajax开发技巧
ajax对象getAllResponseHeaders方法  ajax对象getAllResponseHeaders()方法用于获取所有HTTP头信息,在获取时只用HEAD即可获取到。例如,需要获取全部的HTTP响应头信息,其实现方法如代码所示。代码 获取全部响应头信息+展开-HTML!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"htmlxmlns="http://www.w3.org/1999/xhtm..

自定义404错误对seo的影响

评论(0)浏览(241)分类:网站排名及优化
自定义404错误对seo的影响  自定义404页面返回不当状态码如200等给网站最终SEO效果带来的不利影响,因此,确保自定义的404错误页面能够返回404状态码是极为重要的,也是网站优化与SEO的基本要求。HTTP404对SEO的影响  自定义404错误页面是提供用户体验的很好的做法,但在应用过程中往往并未注意到对搜索引擎的影响,譬如:错误的服务器端配置导致返回200状态码 或自定..

直接修改fckeditorcode_gecko.js,fckeditorcode_ie.js文件扩展fckeditor自定义工具栏按钮

评论(0)浏览(240)分类:JavaScript/Ajax开发技巧
直接修改fckeditorcode_gecko.js,fckeditorcode_ie.js文件扩展fckeditor自定义工具栏按钮  由于要插入客户广告,所以需要扩展fckeditor的自定义功能,具体原理可以参考这篇文章。扩展Fckeditor工具条--添加自定义功能按钮。不过修改的是源代码,然后再重新打包压缩。我是懒得再打包了,而且文章里面也没打包成功。  所以干脆直接修改打包压缩过的js文件fckeditorcode_gecko.js【非IE浏览器,如果不需要兼容非IE浏览器就不需要修改..

javascript实现firefox调试器复制唯一选择器功能

评论(0)浏览(239)分类:JavaScript/Ajax开发技巧
javascript实现firefox调试器复制唯一选择器功能  firefox的调试器,右键点击dom对象后有一个右键功能复制唯一选择器,点击这个菜单后系统剪贴板中将会存储此dom对象的唯一css选择器,如下下图所示。  测试下了firefox调试器复制唯一选择器功能规则应该这样,通过遍历父元素(包含自己),碰到第一个id选择类,或者碰到第一个包含class属性,并且 document.getElementsByClassName(IE8-不..

Google在线聊天系统GTalk注册

评论(3)浏览(239)分类:JavaScript/Ajax开发技巧
Google在线聊天系统GTalk注册  Google Talk chatback badge是谷歌Google发布的Gtalk的扩展功能,只需把代码加入到网页中,网页就会显示你的Gtalk在线状态的按钮图标,访客点击了聊天按钮后,会打开一个GTalk的网页版聊天窗口,只有你状态为有空,访客无需登陆就可以直接点击按钮与你聊天。  Google在线聊天系统GTalk注册地址为:http://www.google.com/talk/service/bad..

IE浏览器window.open链接Referrer丢失

评论(0)浏览(238)分类:JavaScript/Ajax开发技巧
IE浏览器window.open链接Referrer丢失  window.open是JavaScript用来打开链接的,但是在IE中用window.open的方法打开链接时所发出的HTTP请求会丢失referer:1. IE中,用链接打开请求所发出的HTTP请求监控2. IE用window.open打开请求所发出的HTTP请求Referrer丢失  目前的解决方案(参考国外某论坛上的解决方案http://www.coderanch.com/t/114767/HTML-CSS-JavaScript/nClick-win..

HTML 5 WebSocket Java示例

评论(1)浏览(237)分类:JavaScript/Ajax开发技巧
HTML 5 WebSocket Java示例 转载请保留作者信息:作者:88250 时间:2010 年 1 月 1 日 我们通过一个简单的例子来熟悉 HTML 5 WebSocket。该例子服务端从 0 开始每秒递增一个整数并发送给客户端浏览器显示。准备:下载 Jetty 7 ,Java Web 开发环境,Chrome 4+ 。服务端 Java 代码:final public class CounterSocketServlet extends WebSocketServlet { @Override protect..

XMLHttpRequest upload属性

评论(1)浏览(237)分类:JavaScript/Ajax开发技巧
XMLHttpRequest upload属性  新版本的XMLHttpRequest对象,传送数据的时候,有一个progress事件,用来返回进度信息。  它分成上传和下载两种情况1)下载的progress事件属于XMLHttpRequest对象2)上传的progress事件属于XMLHttpRequest.upload对象。  我们先定义progress事件的回调函数。   xhr.onprogress = updateProgress;   xhr.upload.onprogress =..

模仿VS控件Numberdown,实现小时分钟秒的计时器

评论(0)浏览(237)分类:JavaScript/Ajax开发技巧
模仿VS控件Numberdown,实现小时分钟秒的计时器  javascript模仿VS控件NumberDown控件的效果,并且实现小时分钟和秒的计时器,通过点击控件按钮上的上/下按钮增加或者减少时间。效果图示例效果点击这里示例下载点击这里  TimePicker类库主要说明。小时/分钟/秒可以手动输入,如果输入的数据格式不正确会自动变为原始数据00.构造函数参数speed:指定数字增长的速度,单位ms方法render:将N..

CKeditor的配置及上传设置

评论(0)浏览(236)分类:JavaScript/Ajax开发技巧
CKeditor的配置及上传设置  FCKeditor 是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。它志于轻量化,不需要太复杂的安装步骤即可使用。它能在asp、asp.net、PHP、 JSP等多个平台下使用,并且支持大部分浏览器,所以在它出现的6年时间里,成为了最流行的文字编辑器。  随着技术的发展,很多更新更方便的东西为开发者提供了更大的便利。在这种情况下,..

javascript特殊用法解密

评论(0)浏览(236)分类:JavaScript/Ajax开发技巧
javascript特殊用法解密 1. Null是个对象  JavaScript众多类型中有个Null类型,它有个唯一的值null, 即它的字面量,定义为完全没有任何意义的值。其表现得像个对象,如下检测代码:script alert(typeof null); //弹出 'object'/script如下截图:  尽管typeof值显示是object,但null并不认为是一个对象实例。要知道,JavaScript中的值都是对象实例,每个数..

javascript动态插入,修改,删除DOM对象触发的事件

评论(0)浏览(236)分类:JavaScript/Ajax开发技巧
javascript动态插入,修改,删除DOM对象触发的事件  javascript动态插入,修改,删除DOM对象时会触发哪些事件?  在firefox, webkit中可以使用DOMNodeInsertedIntoDocument事件监听DOM对象的插入事件,但这个事件很快要废弃了,虽然浏览器还是很有节操地支持它们,但哪一天不再支持DOMNodeInsertedIntoDocument事件也很难说。比如说firefox22已经不支持了,IE则始终不支持此事件。  这里有..

Object.defineProperties参数介绍

评论(0)浏览(234)分类:JavaScript/Ajax开发技巧
Object.defineProperties参数介绍The Object.defineProperties() method defines new or modifies existing properties directly on an object, returning the object.SyntaxObject.defineProperties(obj, props)ParametersobjThe object on which to define or modify properties.propsAn object whose own enumerable properties constitute descriptors for the properties t..

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

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

csdn职位滚动javascript效果

评论(0)浏览(232)分类:JavaScript/Ajax开发技巧
csdn职位滚动javascript效果  csdn论坛首页职位滚动效果。style .scrollDiv{height:312px;overflow:hidden;width:180px;font-size:13px}/stylediv id=scrollDiv class=scrollDiv ul script type=text/javascript src=http://ag.csdn.net/common/getcmsad.ashx?column=2276c9c1-9162-49d1-9502-5b182b94b60ecount=1/script /ul/divscript src=http://aja..

IE下未选择textarea的内容时如何保存Range对象

评论(0)浏览(232)分类:JavaScript/Ajax开发技巧
IE下未选择textarea的内容时如何保存Range对象  由于IE下调用obj.focus()并不能使光标回到原来的位置或者使选择的内容再次选择上,所以在IE浏览器下需要保存当前的Range对象,以便进行相应的操作时,在原来的位置进行,而不是跑到其他的位置去。  Firefox由于调用obj.focus()后光标能回到回来的位置或者选择的文字上,所以不需要保存位置。  但是在不久前在写一个UBB程序时,碰到如果未..

html5 File API验证文件大小

评论(0)浏览(231)分类:JavaScript/Ajax开发技巧
html5 File API验证文件大小  如何用javascript调用html5的File API验证客户端文件大小。html5的File API中,input type=file有file对象,file对象有主要属性size(文件大小,单位字节),name(文件名),type(文件类型,mime)这3个主要属性。要想验证文件大小,javascript 判断file对象size属性即可。  注意:type是依据文件后缀来生成的,并不会通过文件内容来得到..

Javascript闭包的特性简析

评论(0)浏览(231)分类:JavaScript/Ajax开发技巧
Javascript闭包的特性简析Javascript闭包的定义非常晦涩闭包,是指语法域位于某个特定的区域,具有持续参照(读写)位于该区域内自身范围之外的执行域上的非持久型变量值能力的段落。这些外部执行域的非持久型变量神奇地保留它们在闭包最初定义(或创建)时的值(深连结)。简单来 说,Javascript闭包就是在另一个作用域中保存了一份它从上一级函数或作用域取得的变量(键..

jquery.lazyload 实现图片延迟加载

评论(0)浏览(231)分类:JavaScript/Ajax开发技巧
jquery.lazyload 实现图片延迟加载什么是ImageLazyLoad技术  在页面上图片比较多的时候,打开一张页面必然引起与服务器大数据量的交互。尤其是对于高清晰的图片,占的几M的空间。ImageLazyLoad技术就是,当前可见界面的图片是加载进来的,而不可见页面(通过滚动条下拉可见)中的图片是不加载的,这样势必会引起速度上质的提升。怎么实现ImageLazyLoad一、使用JQuery插件 ,插件..