javascript省市县三级联动示例

评论(0)浏览(1141)分类：JavaScript/Ajax开发技巧
javascript省市县三级联动示例　　javascript省市县联动示例。省select可以直接绑定数据，市县生成js数组，通过js获取数据中进行option的添加删除。注意市数据的生成，具体结构看示例。titlejavascript省市县联动示例/title省：select id=pro option value=请选择省/option option value=1北京/option option value=2上海/option option value=3广西/option/sele..

最新AJAX（XMLHttpRequest）进行跨域请求方法详解

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

瀑布流masonry布局API

评论(0)浏览(1137)分类：JavaScript/Ajax开发技巧
瀑布流masonry布局API　　Masonry是一款很好用的jquery网页布局插件，它可以去掉不同高度div之间的空白，让你的网页看上去更加的整齐、漂亮！效果如下图所示官网插件下载地址以及详解地址：http://masonry.desandro.com/masonry配置对象OptionsOptions are set with an object as second argument to the .masonry() method. All options are optional, and do not n..

Selection.anchorNode属性

评论(0)浏览(1121)分类：JavaScript/Ajax开发技巧
Selection.anchorNode属性Selection.anchorNode简介返回selection起始节点语法sel.anchorNode备注用户选中文档内容时，有可能从左到右，也可能从右到左，锚（anchor）就是用户开始选择的地方。这个过程也可以通过键盘按住shift键，再安县方向键进行选择。selection的起始点（anchorNode）不会移动（改变），结束点会移动。来源：https://developer.mozilla.org/en-US/doc..

jQuery Slider滑动条取值插件

评论(0)浏览(1116)分类：JavaScript/Ajax开发技巧
jQuery Slider滑动条取值插件　　jQuery Slider滑动条取值插件，jQuery源插件没有左右+/-增加滑动条按钮，可以增加按钮，调用jQuery Slider的value方法进行设置或者获取当前显示的值显示在输入框中。　　添加的+/-按钮有点丑，自己美化下，效果如下　　jQuery Slider滑动条取值插件demo源代码如下!doctype htmlhtml lang=enheadmeta charset=utf-8titlejQuery Slider滑动条取..

如何自定义鼠标滚动时窗口滚动距离

评论(0)浏览(1096)分类：JavaScript/Ajax开发技巧
如何自定义鼠标滚动时窗口滚动距离　　鼠标滚轮滚动时，如何控制窗口滚动的距离，而不是使用浏览器默认的滚动距离。　　解决办法：添加鼠标滚轮事件，阻止浏览器默认的滚动事件，然后通过设置body或者documentElement的scrollTop来滚动页面。　　自定义鼠标滚动时窗口滚动距离源代码如下div style=height:3000px/divscript var firefox = navigator.userAgent.indexOf('Fi..

阻止默认浏览器按钮刷新操作事件

评论(0)浏览(1045)分类：JavaScript/Ajax开发技巧
阻止默认浏览器按钮刷新操作事件　　javascript如何阻止浏览器刷新操作，如按下F5按钮，右键弹出菜单选择刷新操作，ctrl+R强制刷新页面。　　下面的代码仅适用于下面的３中操作，对于点击浏览器上的刷新按钮这个没办法控制（只能提示用户是否要离开页面，由用户控制是否离开操作，而不能用javascript代码强制停留在此页面或者进行其他的操作）在浏览器按下F5按钮右键页面弹出菜..

kindeditor上传插件分类保存路径细分修改

评论(0)浏览(1035)分类：JavaScript/Ajax开发技巧
kindeditor上传插件分类保存路径细分修改　　kindeditor的上传的文件（包括图片）默认是保存在attached/(image|flash|media|file)/当前日期年月日 对应的目录下，依据加载的插件，自动给uploadJson配置的url增加dir参数。　　如果你需要修改attached保存路径或者(image|flash|media|file)这种分类目录，需要手动修改upload_json.asp文件，给upload_json.asp增加功能。　　下面为一个示例..

JavaScript如何检查网站是否可以访问

评论(0)浏览(1035)分类：JavaScript/Ajax开发技巧
JavaScript如何检查网站是否可以访问　　JavaScript如何检查网站是否出现问题，无法访问。由于安全性问题，不可以跨域执行ajax代码，可以使用Image对象来加载对方服务器的一张图片(一般网站都会有网站图标，这个图标放在根目录下)，所以可以加载网站图标来判断是否可用。注意：Image加载的需要是图片，其他非图片文件无法检查网站是否可以访问，即使网站没有问题。titleJavaScript如..

获取kindeditor编辑器iframe对象

评论(0)浏览(1034)分类：JavaScript/Ajax开发技巧
获取kindeditor编辑器iframe对象　　kindeditor实例存储iframe编辑器对象的属性为edit，edit属性又包含了iframe对象集合，通过调用get方法获取到iframe DOM对象，就可以按照操作iframe的方法获取需要的iframe内容了。示例代码如下var editor;KindEditor.ready(function (K) { editor = K.create('textarea[name=content]', { allowFileManager: true, filter..

file对象选中同一个文件如何触发change事件

评论(0)浏览(1005)分类：JavaScript/Ajax开发技巧
file对象选中同一个文件如何触发change事件　　html file控件的onchange事件，在选中同一个文件时是不会触发的。要想file选中同一个文件onchange事件也触发，可以创建一个新file对象，透明浮动覆盖在显示的file对象上，这样操作的就是新file对象，即使选中同一个文件也会触发onchange事件了。注意：提交表单时需要移除那个透明的同名file对象，要不服务器端使用name来获取控件会出错。　　..

javascript使用canvas压缩图像

评论(1)浏览(1001)分类：JavaScript/Ajax开发技巧
javascript使用canvas压缩图像　　javascript使用HTML5 canvas对象，在客户端压缩图片后上传到服务器。ajax发送canvas压缩后的base64图片字符串内容到服务器，服务器将base64内容转为2进制数据保存为图片即可。　　效果如下，左边是原始图片，右边是压缩后的。javascript使用canvas压缩图像源代码如下!DOCTYPE htmlhtmlheadmeta charset=utf-8/titlejavascript使用canvas压缩..

jqueryui datepicker点击今天按钮如何设置控件值

评论(0)浏览(991)分类：JavaScript/Ajax开发技巧
jqueryui datepicker点击今天按钮如何设置控件值　　2015-11-4更新：自己重写jqueryui datepicker的_gotoToday私有方法也行$.datepicker._gotoToday = function (id) { $(id).datepicker('setDate', new Date()).datepicker('hide').blur();}; 　　jqueryui的datepicker插件点击今天按钮时，只是跳转到当天所在的月份，而不是设置控件的值为今天。要想点击今天这个按钮后设置..

ajax+asp.net+mssql无刷新聊天室

评论(22)浏览(984)分类：JavaScript/Ajax开发技巧
ajax+asp.net+mssql无刷新聊天室ajax+asp.net+mssql实现的ajax无刷新聊天室，支持html web编辑器。为了加快速度，使用了存储过程。asp及php版本请看下面的文章ajax+asp+mssql无刷新聊天室ajax+php+mssql无刷新聊天室此例子也可以作为mssql存储过程使用的示例，如php调用mssql的存储过程，php获取mssql数据库的输出参数。要使用不同的动态页面，只需要更改lib.js文件中RequstUrl..

HTML5连接SqlLite示例

评论(0)浏览(965)分类：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全年日期选择器日历插件

评论(13)浏览(964)分类：JavaScript/Ajax开发技巧
jquery全年日期选择器日历插件2017-8-2更新1)：新增setColors设置单元格颜色，param格式为{defaultColor:'#f00',dc:[{d:'2017-8-2',c:'blue'}..]}，dc数组c缺省会用defaultColor代替，defaultColor也缺省默认红色2)将2016-9-28更新整合到yearScale配置里面，配置这个年份变为下拉框，格式如{min:2000,max:2020}2016-9-28更新：如果需要年份选择可以下..

IE7，IE8浏览器创建XMLHTTpRequest请求本地资源出现access is denied拒绝访问

评论(1)浏览(962)分类：JavaScript/Ajax开发技巧
IE7，IE8浏览器创建XMLHTTpRequest请求本地资源出现access is denied拒绝访问关键词：IE6 IE7 IE8 本地资源 access is denied 拒绝访问 XMLHttpRequest ActiveXObject　　在IE7，IE8中，如果双击运行html页面或者直接拖拽html静态页面进入IE7，IE8浏览器中运行查看ajax效果，在xhr对象调用open方法时会出现access is denied拒绝访问的错误，这个是因为IE7，IE8增加了Native XMLHTTP【XMLHttpRequest对象】支持，在IE7+浏览..

jQuery调用WebService返回JSON数据

评论(0)浏览(951)分类：JavaScript/Ajax开发技巧
jQuery调用WebService返回JSON数据　　本文将介绍jWuery调用基于.NET Framework 3.5的WebService返回JSON数据，另外还要介绍一下用jQuery调用WebService的参数设置及设置不当所出现的问题，还有出现问题的原因.　　jQuery调用WebService网上的介绍也比较多，最近的项目中我也用到不少，一直都很少用.NET Ajax，比较钟情于jQuery调用请求WebService有几种方法，这主要说一下POST与..

瀑布流waterfall jquery插件动态读取数据示例

评论(0)浏览(946)分类：JavaScript/Ajax开发技巧
瀑布流waterfall jquery插件动态读取数据示例　　jquery瀑布流waterfall插件示例，瀑布流结合asp.net示例源代码index.aspx%@ Page Language=C# AutoEventWireup=true CodeFile=index.aspx.cs Inherits=index %!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtmlheadmeta http-equiv=content-type content=text/htm..

zTree分层显示，分层联动示例

评论(0)浏览(944)分类：JavaScript/Ajax开发技巧
zTree分层显示，分层联动示例　　功能描述：一棵多层的树，将其某个层之下的子节点显示到一棵新的树中（如：前面两级在左侧的一棵树中显示，对应的2级节点的三级和四级(如果有的话) ,显示在右侧新的树中，如select的联动一样）　　本文使用zTree_v3.4，如果其他版本的zTree，自行参考API修改对应的方法，zTree_v3.4下载地址：zTree_v3.4下载，zTree_v3.4示例，zTree_v3.4中文..

为了有利于保护安全性，Internet Explorer已限制此网页运行可以访问计算机的脚本或ActiveX控件

评论(0)浏览(938)分类：操作系统及应用软件
为了有利于保护安全性，Internet Explorer已限制此网页运行可以访问计算机的脚本或ActiveX控件　　双击本地运行包含脚本的html文件时，在IE浏览器下会提示为了有利于保护安全性，Internet Explorer已限制此网页运行可以访问计算机的脚本或ActiveX控件的警告，如下　　这是因为IE浏览器本地浏览器文件时默认不运行活动脚本在计算机上运行的问题，只要设置允许活动内容在我的计算机上的文件中运行，就不会提示为了有利于保护安全性，Internet..

js、vbs二维数组排列组合示例

评论(0)浏览(938)分类：JavaScript/Ajax开发技巧
js、vbs二维数组排列组合示例　　js、vbs二维数组排列组合源代码，js、vbs二维数组全排列组合源代码现在有一个不确定长度的数组,比如:var temparr = [ [Fu, Hai, Huan], [Wei, You], [Chong, Tong, Zhong], [1, 2, 3]]每一个数组的项长度也不确定，如何 遍历这个数组，得到如: FuWeiChong ,FuWeiTong。。。。这样的数据　　要实..

C#/vbscript/JS如何加密保护HTML/javascript源代码

评论(1)浏览(930)分类：JavaScript/Ajax开发技巧
C#/vbscript/JS如何加密保护HTML/javascript源代码　　本文通过将源代码进行unicode转换后进行混淆加密，对HTML或者javascript源代码进行加密，将内容转换为一些看似乱码的内容，然后通过客户端的JS脚本反相解析回来。　　HTML/javascript源代码加密混淆算法1）ASCII编码内可见字符【33~126】，33~79进行+47操作操作，80~126进行-47操作2）ASCII编码内部可见字符【0~32,127】，【128~133】，不操..

javascript btoa/atob方法

评论(0)浏览(920)分类：JavaScript/Ajax开发技巧
javascript btoa/atob方法SummaryCreates a base-64 encoded ASCII string from a string of binary data.Please note that this is not suitable for rawUnicodestrings! See Unicode section below. Syntaxvar encodedData = window.btoa(stringToEncode); Examplevar encodedData = window.btoa(Hello, world); // encode a stringvar decodedData = window.atob(enco..

javascript检查插件是否已经在IE和firefox上安装

评论(0)浏览(884)分类：JavaScript/Ajax开发技巧
javascript检查插件是否已经在IE和firefox上安装一、IE检查插件是否安装，通过创建ActiveXObject来实现，提示ActiveX控件和本页其他部分的交互...警告这个也说明安装过插件了，但是点击否不会继续new ActiveXObject后的语句scripttry{// var varTest = new ActiveXObject(jmail.Message); alert(jmail.Message已经在系统上安装过！) }catch (e) { alert(没有可支持的插件!..

meizz日历控件，梅花雨日历控件，支持时间选择

评论(0)浏览(869)分类：JavaScript/Ajax开发技巧
meizz日历控件，梅花雨日历控件，支持时间选择　　meizz大牛以前写的一个日历控件，支持日期，时间，精确到秒的选择，不过美中不足就是不兼容firefox，经本人修改，现在已经兼容firefox。　　测试浏览器：IE7，IE8，firefox4，chrome21.0.1180.79 m　　效果如下图所示　　源代码如下script // 主调用函数是 setday(this,[object])和setday(this)，[object]是控件输出的控件名，举两个例子..

javascript解码16进制\x\u编码

评论(0)浏览(862)分类：JavaScript/Ajax开发技巧
javascript解码16进制\x\u编码　　javascript解码\x\u格式的16进制编码。script function hexToString(str) { var mc = str.match(/\\x[a-z\d]{2}|\\u[a-z\d]{4}/gi); var val = ''; for (var i = 0, j = mc.length; i j; i++) { val += String.fromCharCode(parseInt(mc[i].substring(2), 16)); } return val; ..

jQuery软键盘插件

评论(0)浏览(850)分类：JavaScript/Ajax开发技巧
jQuery软键盘插件　　居于jquery框架的软键盘插件。javascript实现软键盘输入。软键盘效果如下图　　jQuery软键盘实现源代码如下!DOCTYPE htmlstylediv.softkb{display:inline-block;position:relative;height:23px;}div.softkb img{cursor:pointer;position:absolute;top:4px;right:5px}div.keyboard{position:absolute;border:solid 1px #5c5c5c;zoom:1;overfl..

网站添加谷歌翻译工具条后自动翻译为指定语言

评论(0)浏览(849)分类：JavaScript/Ajax开发技巧
网站添加谷歌翻译工具条后自动翻译为指定语言　　如何给网站添加谷歌工具条可以参考这篇文章：给网站增加google翻译工具条　　现在要实现的是，如何通过谷歌翻译工具条，自动将网站的内容翻译为指定的语言，不需要人工点开语言选择框，然后选择对应的语言后才执行翻译操作。　　通过观察谷歌翻译工具条可以看到语言选择DOM对象在一个iframe里面，样式为.goog-te-menu-frame，还在不是从谷歌..