js 图片等比例缩放代码

2017年02月06日 24 阅读

复制代码 代码如下: var scaleImage = function（o, w, h）{ var img = new Image（）; img.src = o.src; if（img.width >0 && img.height>0） { if（img.width/img.height >= w/h） { if（img.width > w） { o.width = w; o.height = （img.height*w） / i...

高性能web开发 如何加载JS，JS应该放在什么位置？

2017年02月06日 21 阅读

外部JS的阻塞下载 所有浏览器在下载JS的时候，会阻止一切其他活动，比如其他资源的下载，内容的呈现等等。至到JS下载、解析、执行完毕后才开始继续并行下载其他资源并呈现内容。 有人会问：为什么JS不能像CSS、image一样并行下载了？这里需要简单介绍一下浏览器构造页面的原理， 当浏览器从服务器接收到了HTML文档，并把HTML在内存中转换成DOM树，在转换的过程中如果发现某个节点（node）上引用了CSS或者IMAGE，就会再发1个request去请求CS...

JQuery 操作select标签实现代码

2017年02月06日 23 阅读

下面几个常用的代码或许对您有帮助： 复制代码 代码如下: //1.获取选中option值 $（"#selectList"）.val（）; //2.获取选中option的文本 $（"#selectList :selected"）.text（）; //3.获取多个选中option值、文本 var foo = []; $（"#multiple :selected"）.each（function（i, selected） { foo[i] = $（selected...

jquery 日期分离成年月日的代码

2017年02月06日 21 阅读

复制代码 代码如下: function bh_LoadViewState（）{ var v=$（"#hBirthday"）.val（）; if（v==""）return; var birthday=new Date（Date.parse（v.replace（/-/g, "/"））） $（"#ddlYear"）.val（birthday.getFullYear（））; $（"#ddlMonth"）.val（birthday.getMonth（）+1）; bh...

IE8 中使用加速器（Activities）

2017年02月06日 20 阅读

在http://ie.microsoft.com/activities/zh-chs/default.aspx有对加速器的详细介绍。在http://msdn.microsoft.com/en-us/library/cc289789（VS.85）.aspx也有说明。因为Activities是用XML文件来描述的，XML文件提供了用户接口，例如浏览器如何通过URL模板与服务器通信。 基于Web的服务应该利用基于XML的Activities的优点，因为XML A...

js 数值项目的格式化函数代码

2017年02月06日 25 阅读

复制代码 代码如下://-------------------------------------------- // 删除千分点。 //-------------------------------------------- function removeComma（number） { var num = number.replace（new RegExp（",","g"）,""）; if（/^[-+]？[0-9]+（.[0-9]+）？$/.test（n...

WEB 浏览器兼容 推荐收藏

2017年02月06日 22 阅读

并不一定全，有的也可能不准确，比如新出的IE8、 Chrome等都没有太多涉及，虽然最近做的一些项目也兼容了IE8、Chrome等，但都没来的及总结进去，后来就忘了...汗。大家一起慢慢完善吧。javascript部分1. document.form.item 问题问题：代码中存在 document.formName.item（"itemName"） 这样的语句，不能在FF下运行解决方法：改用 document.formName.elements["ele...

javascript 正则表达式（一）

2017年02月06日 24 阅读

正则表达式的直接变量字符： 字符匹配oNUL字符 制表符 换行符v垂直制表符f换页符 回车xnn由十六进制nn指定的拉丁符，比如：x0A等价于 uxxxxunicode字符cX控制字符^X正则表达式的js引用：var sEnd=new RegExp（"s$"）; ——以s为结尾的字符串匹配 function Verify（） { //获取需验证的值，正则表达式 var InforString = document.getElementById（"textI...

Jquery 最近浏览过的商品的功能实现代码

2017年02月06日 21 阅读

<script type="text/javascript" src="JS/jquery.js"></script> //与Prototype 类似的框架 <script type="text/javascript" src="JS/JCookie.js"></script> //插件 复制代码 代码如下: /*JCookie.js * / jQuery.cookie = function（name, va...

js数据验证集合、js email验证、js url验证、js长度验证、js数字验证等简单封装

2017年02月06日 25 阅读

前段时间写了一个 js数据验证、js email验证、js url验证、js长度验证、js数字验证等 弹出对话框形式的但是,现在不太流行那种很不友好的方式,于是重写了一个,封装得更加好的,更友好的层形式共享给大家,如果大家使用有bug,请大家给我留言完善,谢谢了.js代码 复制代码 代码如下: /** * 数据验证框架.增加了对id字段检查出错时,直接在对应后面添加一< span>元素来显示错误信息. * * @author wangzi6ha...

JQuery select标签操作代码段

2017年02月06日 23 阅读

下面几个常用的代码或许对您有帮助： 复制代码 代码如下://1.获取选中option值 $（"#selectList"）.val（）; //2.获取选中option的文本 $（"#selectList :selected"）.text（）; //3.获取多个选中option值、文本 var foo = []; $（"#multiple :selected"）.each（function（i, selected） { foo[i] = $（selected）...

Jquery Select操作方法集合脚本之家特别版

2017年02月06日 24 阅读

jQuery这个框架方便了我们对于HTML元素的操作，本来以为自己对于Select操作也算是熟悉了，但上午在测试的时候才发现自己了解的还真不多。 看了一下jQuery的一些方法后，理出了一些常用的方法，列在下面： //获取第一个option的值 $（"#test option:first"）.val（）; //最后一个option的值 $（"#test option:last"）.val（）; //获取第二个option的值 $（"#test option...

jQuery实现的类flash菜单效果代码

2017年02月06日 24 阅读

先来看看效果：http://demo.jb51.net/js/jquery_flash/demo.htm因为下面的menu和上面的logo的实现原理一样，为了简化起见，我们这里只拿logo部分的代码来说明一下原理： HTML代码： 复制代码 代码如下: <a id="logotype" href=""><span>Logo Type</span></a> CSS代码： 复制代码 代码如下: a#logoty...

jQuery实现的立体文字渐变效果

2017年02月06日 25 阅读

先截两个图看看： 效果很不错吧？会不会误以为这些字体是图片？这可不是图片，而是用JS实现的在线演示 http://demo.jb51.net/js/gradient-test/demo.htm下面来简单分享下实现过程及原理（网站中使用了jquery这个lib，我们这里就不再自己单独实现了，我们这里分享的也是jquery的实现方法）： HTML代码： 复制代码 代码如下: <span class="rainbows">© 2009 Dr...

jQuery 学习第五课 Ajax 使用说明

2017年02月06日 22 阅读

jQuery提供了若干个ajax函数，他们大同小异，只是为了处理不同类型的数据而分开来。最简单的是get（url,parameters,callback）,这个函数发起一个GET请求，将服务器返回的数据传递给callback处理。 下面的例子实现了当鼠标悬浮在超链接上的时候，就发起一个ajax请求，从服务器端返回关于此超链接的更多介绍的效果。先看服务器端代码，新建一个ajaxload.ashx,仅作为示例，获得查询参数为word的值，并返回： 复制代码 代...

jQuery 学习第六课 实现一个Ajax的TreeView

2017年02月06日 22 阅读

最终实现的效果是一个目录文件查看器，如图所示：其原理是，当用户单击一个目录的时候，将这个目录的路径发送给服务器端，服务器端返回这个目录中的文件和目录信息。在服务器端，定义一个如下的类来表示要传递的文件信息： 复制代码 代码如下: public class FileInformation { public string FullPath { get; set; } public string Name { get; set; } public string ...

jQuery 学习第七课 扩展jQuery的功能 插件开发

2017年02月06日 24 阅读

jQuery的主体如下: （function（）{ ……}）（）; 对于Javascript基础不太好好的人来说比较奇怪。实际上，这个表达式声明了一个匿名函数（第一个括号），然后再执行它（第二个括号）。在这个函数中，完成了jQuery一系列方法和对象的定义。第24行很关键， 复制代码 代码如下: jQuery = window.jQuery = window.$ = function（ selector, context ） { // The jQuery...

jquery 单行滚动、批量多行滚动、文字图片翻屏滚动效果代码

2017年02月06日 24 阅读

以下代码，运行后，需要刷新下，才能加载jquery,要不然看不到效果。1、单行滚动效果 无标题文档 ul,li{margin:0;padding:0} #scrollDiv{width:300px;height:25px;line-height:25px;border:#ccc 1px solid;overflow:hidden} #scrollDiv li{height:25px;padding-left:10px;} function A...

JQuery中的ready函数冲突的解决方法

2017年02月06日 21 阅读

一个aspx页面通常可以包含其它ascx控件，如果在多人协同开发的情况下：程序员小张在控件A.ascx中使用了 $（）.ready（function{}），而程序员小王又在控件B.ascx中也使用了ready函数，程序员小李在做页面时，把A.ascx,B.ascx都拖到自己的页面中，然后在页面中也需要用到$（）.ready函数，这下好了： 虽然jQuery本身的设计还算不错，document加载完成后会依次触发各个ready中定义的function（这一点...

asp.net+js 实现无刷新上传解析csv文件的代码

2017年02月06日 23 阅读

前阵子工作中用到，贴上代码，仅保留上传有关的代码，发现code其实很少。 上传页面html/js 复制代码 代码如下: <！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/xht...