拖拽,按等比例放大,缩小,任意修改图片大小

评论(1)浏览(171)分类:JavaScript/Ajax开发技巧
拖拽,按等比例放大,缩小,任意修改图片大小  在页面上实现图片拖拽并可以随意调整图片大小。 但如果按住Ctrl键之后,当再调整图片大小的时候需要按照比例进行调整。  示例效果点击这里查看+展开-HTMLhtmlheadmetahttp-equiv="content-type"content="text/html;charset=gb2312;"/title拖拽,按等比例放大,缩小,任意修改图片大小/titlemetaname="Keywords"content="图片拖拽,图片扥等..

window.print三等分打印纸打印网页时如何打印单张

评论(0)浏览(171)分类:JavaScript/Ajax开发技巧
window.print三等分打印纸打印网页时如何打印单张  三等分的打印纸,在使用window.print()打印网页时,如果内容只有一张纸的高度,怎么实现只打印一张值的高度,而不是连续打印3张纸的,多出来2张空白的,如下图所示  出这个问题是因为打印网页时将整个网页一起打印的,所以如果即使显示的内容只有一张值高度(如何计算高度参考这个:三等分打印纸241x93规格如何使网页每一项打印到每个纸..

javascript变量json对象等到路径

评论(0)浏览(170)分类:JavaScript/Ajax开发技巧
javascript变量json对象等到路径  javascript递归迭代json对象,得到每个遍历到的项目的路径,示例代码如下注意json对象和数组的区分,具体参考这篇文章:javascript如何区分JSON对象或者[]数组script type=text/javascript var json = [{ name: zhansan, age: 23, address: { city: beijing, year: [{ test: 气态流出物月报 ..

数字在主键盘和小数字键盘下的keyCode值不一致

评论(0)浏览(170)分类:JavaScript/Ajax开发技巧
数字在主键盘和小数字键盘下的keyCode值不一致  keydown或者keyup事件中获取键盘按下的keyCode值时需要注意,主键盘上数字按键的keyCode值和小键盘上的数字keyCode值是不一样,如果不注意这点,小心程序出现问题。  主键盘的数字0~9的keyCode为:48~57  小键盘上的数字0~9的keyCode则为:96~105  JavaScript中键盘按下的keyCode问题  在使用JavaScript做WEB键盘事件侦听捕获时,主..

Selection.modify方法

评论(0)浏览(170)分类:JavaScript/Ajax开发技巧
Selection.modify方法Selection.modify简介通过简单文本命令行,更改当前selection或者光标位置。备注:这个方法居于Webkit同名方法语法sel.modify(alter, direction, granularity)参数alter执行那种操作。执行move操作,将会移动当前光标位置。执行extend操作将会扩展当前selectiondirection如何调整当前selection。指定 forward或者 backward,通过当前selection的..

ajax返回值存在存在空白符导致if语句不执行

评论(0)浏览(170)分类:JavaScript/Ajax开发技巧
ajax返回值存在存在空白符导致if语句不执行  在使用ajax的repnseText属性获取动态页返回值进行一些简单判断,如if(xhr.responseText=='yes'){},使用alert)xhr.responseText)输出时确实是yes字符串,但是为什么if语句块就是不执行呢?  此时需要注意了,大部分导致出现这个问题的原因是请求的文件,此页面的非服务器端脚本代码输出部分存在空白符号,这些空白符号会岁着脚本动态的输出..

javascript实现系统屏幕保护效果,锁定网页

评论(0)浏览(169)分类:JavaScript/Ajax开发技巧
javascript实现系统屏幕保护效果,锁定网页  功能描述:打开一个网站的网页,过5分钟不动作,就会锁定页面,隐藏内容容器,显示一个容器用于输入密码,输入正确的密码来解锁。锁定后即使用户刷新页面,还是保留原来的状态。如已经锁定的,需要继续锁定,否则显示内容。  示例代码如下,通过document.onmouseover来实现多少分钟没有动作,使用计时器来实现。 div id=dvContent内容br /..

IE浏览器setCapture和releaseCapture介绍

评论(0)浏览(168)分类:JavaScript/Ajax开发技巧
IE浏览器setCapture和releaseCapture介绍  setCapture方法,当在IE文档某个区域中使用了这个方法,并且写了onclick或者onmouse***等有 关的鼠标事件方法,那么它就会监视相应的鼠标操作,即使你的鼠标移出了IE,它也一样能捕获到。如果你在某div中的onclick事件中写了一个 alert命令,这时,你点击的关闭按钮,它也一样会弹出alert窗口  releaseCapture方法,与setCapture方法相反,释..

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

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

客户端Js+FSO遍历文件夹

评论(0)浏览(165)分类:JavaScript/Ajax开发技巧
客户端Js+FSO遍历文件夹此代码仅IE浏览器下能运行,并且需要开放fso权限。+展开-JavaScriptfunctionHTMlist(path){vartxt;fso=newActiveXObject("Scripting.FileSystemObject");fldr=fso.GetFolder(path);fc=newEnumerator(fldr.files);for(;!fc.atEnd();fc.moveNext())//枚举所有文件{s=fc.item();//取文件对象if(s.type=="HTMLDocument"){//判断是否是“HTML文件”f=..

JavaScript全屏打开网页

评论(0)浏览(164)分类:JavaScript/Ajax开发技巧
JavaScript全屏打开网页 下面是一些网上收集的个全屏打开窗口的代码,供参考:第一种方法,使用acx【for ie】和window.open来实现,推荐此种方法+展开-HTMLheadscriptlanguage="javascript"type="text/javascript"functionopenWin(){setTimeout(document.all?"RunScript()"//IE浏览器使用acx:"shellscript()"//w3c浏览器使用window.open,1000);}functionRunScript(){//F..

javascript动态创建的锚点在IE8-下无效

评论(0)浏览(164)分类:JavaScript/Ajax开发技巧
javascript动态创建的锚点在IE8-下无效  使用javascript动态创建的锚点(anchor),在IE8-下无法跳转都动态创建的锚点部分。  测试代码,通过创建a元素,设置a元素的name后添加到dom中,IE8需要添加xhtml申明才有效果(去掉xhtml申明也和IE7一样无效),IE7无效!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona..

JavaScript模拟冒泡排序

评论(0)浏览(163)分类:JavaScript/Ajax开发技巧
JavaScript模拟冒泡排序  JavaScript模拟冒泡排序排序过程,冒泡排序模拟过程效果!DOCTYPE htmlhtml lang=enheadmeta charset=UTF-8titleJavaScript模拟冒泡排序/titlestyle type=text/cssdiv div{width: 10px;background-color: red;display: inline-block;margin-right: 1px;text-align: center;line-height: 30px;}#show {width: 500px;height: 300px;margin-left..

js网页简繁体切换cookie记录状态

评论(0)浏览(161)分类:JavaScript/Ajax开发技巧
js网页简繁体切换cookie记录状态  js网页简繁体切换cookie记录状态,网页跳转后一句cookie值自动切换页面文字简体繁体。本地file浏览器时不要使用webkit核心浏览器测试,如chrome,无法生成cookie,需要发布后通过http协议访问  测试代码如下a href=# id=aTrans简/abr /求一个脚本!!!!js繁体转简体,带cookie,用cookie记录状态 ,刷新不丢失,全站跳转都可以使用,在线..

Object.defineProperties参数介绍

评论(0)浏览(160)分类: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..

AjaxControlToolkit“TabContainer控件”客户端Javascript函数API

评论(0)浏览(160)分类:Asp.Net/C#
AjaxControlToolkit“TabContainer控件”客户端Javascript函数API  AjaxControlToolkit中TabContainer控件客户端Javascript函数中文API,翻译不正确的地方多包涵,e文可以的直接看本文最下面的e文连接地址。  在本文中介绍tabcontainer控件的客户端方法,如使用javascript设置获取焦点的tab,本文最后列出一些重要的ASP.NET AJAX TabContainer控件的方法。  TabContainer是ASP.NET AJAX最酷的控件之一。最..

去掉IE特有css样式expression

评论(0)浏览(159)分类:JavaScript/Ajax开发技巧
去掉IE特有css样式expression  IE浏览器下有一个特殊的样式expression,可以动态执行js脚本,this对象指向启用了expression样式的对象。expression这个样式比较耗资源,只要鼠标或者键盘有动作,就会执行这个事件。  要移除IE的expression css样式,需要使用IE style属性特有方法removeExpression,不能通过style.xxx=null移除。  去掉IE特有css样式expression源代码如..

js创建桌面快捷方式

评论(0)浏览(158)分类:JavaScript/Ajax开发技巧
js创建桌面快捷方式script type="text/vbscript"Set WshShell =CreateObject("WScript.Shell") strDesktop = WshShell.SpecialFolders("Desktop") '特殊文件夹“桌面” '在桌面创建一个记事本快捷方式 set oShellLink = WshShell.CreateShortcut(strDesktop "\Internet Explorer.lnk") oShellLink.TargetPath = "C:\Program Files\Internet Explorer\iexplore.exe..

Selection.collapse方法

评论(0)浏览(157)分类:JavaScript/Ajax开发技巧
Selection.collapse方法Selection.collapse简介将selection折叠为一个点。文档不会被修改。如果内容区域是可编辑的并且获取焦点,那么光标会在那个点闪动。使用语法sel.collapse(parentNode, offset);参数parentNode光标位置所在节点位置offset0 - 折叠selection从anchor位置到parentNode参数文本的开始位置1 - 折叠selection从anchor位置到parentNode参数文本的结束位..

jquery lightbox plugin txtImage中文乱码

评论(0)浏览(156)分类: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 ..

IE浏览器和firefox/W3C浏览器获取class属性问题

评论(0)浏览(155)分类:JavaScript/Ajax开发技巧
IE浏览器和firefox/W3C浏览器获取class属性问题  简单来说,就是IE8之前的版本,需使用getAttribute('className')才能获得class属性的值,FF及IE8之后的版本则是W3C 的标准getAttribute('class')。  这是因为IE 混淆了 DOM 对象属性(property)及 HTML 标签属性(attribute),造成了对 setAttribute、getAttribute 的不正确实现。标准参考根据 DOM (Core) Level 1 规范中的描述,getAt..

JScript+ActiveX获取访客MAC网卡地址

评论(0)浏览(155)分类:JavaScript/Ajax开发技巧
JScript+ActiveX获取访客MAC网卡地址  JScript调用activeXObject获取访客的网卡MAC地址,注意只能IE下运行(IE8+没测试),会有安全提示在此页上的ActiveX控件和本页上的其他部分的交互可能不安全。你想允许这种交互吗?  注意选择是,要不报错无法获取源代码如下 html head titleJScript+ActiveX获取访客MAC网卡地址/title /head body object cla..

JavaScript如何调用调用flash中的方法

评论(0)浏览(154)分类:JavaScript/Ajax开发技巧
JavaScript如何调用调用flash中的方法  本文内容主要介绍了当在flash中注册了一个方法提供给js调用时,不同浏览器如何调用此方法的异同。  flash中注册提供给JavaScript调用的方法如下所示+展开-ActionScriptfunctionhello(){getURL("javascript:alert('你好!')");}flash.external.ExternalInterface.addCallback("hello",null,hello);  上面只是一个简单的示例,在flash中调..

AJAX无刷新网站图片文件预览系统

评论(0)浏览(153)分类:JavaScript/Ajax开发技巧
AJAX无刷新网站图片文件预览系统  居于jquery框架的ajax无刷新网站图片预览系统,实现图片的预览index.html!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 /script type=text/javascript ..

javascript实现text-overflow:ellipsis效果

评论(0)浏览(153)分类:JavaScript/Ajax开发技巧
javascript实现text-overflow:ellipsis效果  对于一长串不会自动换行的字符串(如数字和字母连在一起的商品编号或者其他内容),会导致页面或者布局被撑破。要自动换行可以使用word-break:break-all(IE和chrome支持,firefox不支持)。!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdstyle.ellipsis{font-size..

非重新命名--解决fckeditor编辑器Asp.NET上传文件中文文件名出现乱码问题

评论(0)浏览(152)分类:JavaScript/Ajax开发技巧
非重新命名--解决fckeditor编辑器Asp.NET上传文件中文文件名出现乱码问题  由于以前一直使用的是ewebeditor编辑器,会插入很多乱七八糟的代码,标记也清除不干净,可能使用的版本低,也不兼容Firefox。所以需要对编辑器进行升级,我对ewebeditor是由点失望了,所以改用fckeditor编辑器。  不过在上传文件的时候,fckeditor是以文件名原来的名字命名的,如果出现相同的文件名时,会自动在扩展名前加上(1)这些内容..

google chart IE无法响应ready事件

评论(0)浏览(151)分类:JavaScript/Ajax开发技巧
google chart IE无法响应ready事件  使用google chart绘制LineChart图像时,在IE7,IE8下会无法响应ready事件,firefox,chrome没有问题,其他浏览器没有测试。  没有办法,IE下只能用计时器检查google chart生成的iframe对象的document.readyState=='complete'是否成立了。源代码如下function drawChart(){//绘图函数 var chart = new google.visualization.LineCh..

javascript代码优化技巧

评论(0)浏览(150)分类:JavaScript/Ajax开发技巧
javascript代码优化技巧  javascript代码优化几个小技巧1、处理字符串  字符串拼接在IE 6、7下的垃圾回收性能很差。虽然IE 8已经解决了这个问题。如果你的用户中有相当一部分人使用IE 6、7,那么你得谨慎构建你的字符串了。 比如这个例子:var veryLongMessage ='This is a long string that due to our strict line length limit of' +maxCharsPerLine +&..

Freemarker风格的JavaScript模板引擎EasyTemplate

评论(0)浏览(149)分类:JavaScript/Ajax开发技巧
Freemarker风格的JavaScript模板引擎EasyTemplate  在前后端分离的解决方案中,模板起到了重要作用!  在使用Struts或Spring的后端中,使用Freemarker模板作为载体,能够非常有效的实现前后端的分离。  有人或许会认为使用前端模板一样可以实现此效果,而且实现的会更好。  如果单纯从技术和实现的角度去考虑,确实是使用前端模板效果会更好,前后端分离的会更彻底,但如果真的这样做,..