夏日博客

javascript new Function(”)和new function(){}实例

javascript new Function(”)和new function(){}实例
本文章详细的介绍了关于javascript new Function(\'\')和new function(){}实例用法，有需要学习的朋友可参考一下下。 情景一,代码如下: var yx01 = new function() {return "圆心"}; alert(yx01); 我们运行情景一代码，将返回显示“[object object] ”,此时该代码等价于,代码如下: function 匿名类(){           return "圆心";  ...
2016年01月21日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

json和xml对比详细介绍

json和xml对比详细介绍
两者的共同优点是都是文本表示的数据格式，可以跨平台、跨系统交换数据。 就可读性和可扩展性而言，JSON和XML不相上下。 就编码难度而言，JSON略比XML简单，要写好XML最好还是借助XML编辑器，标签的嵌套和配对手动输入来说容易出错。因此，从代码的可维护性角度而言，JSON优于XML。 就内容解析而言，JSON在客户端只要使用eval()便可完成解析，在服务器端有包括ActionScript, C, C#, ColdFusion, Java, Java...
2016年01月21日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

基于jQuery验证表单用户名密码实现程序

基于jQuery验证表单用户名密码实现程序
本文章是基于jQuery验证表单用户名密码效果，有需要的朋友可参考一下。 要求: (1) 星号为必填项目，要求：用户名6-18个字符；邮箱符合邮箱格式串。用户名不小于6位，邮箱地址要正确的格式。 (2) 在输入框输入信息即时提示录入的要求信息，当不符合要求时即时显示错误信息。 (3) 验证通过后用alert显示结果。 css代码: <style type="text/css">         &...
2016年01月21日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

js cookie使用详细介绍

js cookie使用详细介绍
本文章详细的介绍cookie的用法详细有需要的朋友可参考一下。 cookie是基于http协议，cookie就是限制性的存储字符串的，我们可以通过document.cookie来存储字符串,而最近手头上有个项目上涉及到有关于cookie的操作，即登录与退出，对于这个需求，逻辑很简单. 1.登录前的cookie检查 2.登录取的后端数据，再存到cookie 3.退出登录，清楚cookie. 这里面除了逻辑之外，涉及到了cookie取值和设值的问题,这里我用...
2016年01月21日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

Ajax get和post区别介绍

Ajax get和post区别介绍
Ajax中我们经常用到get和post请求.那么什么时候用get请求,什么时候用post方式请求呢? 在做回答前我们首先要了解get和post的区别. 1、 get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。post是通过HTTP post机制，将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。 2、 对于get方式，服务器端用...
2016年01月21日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

Ajax禁止缓存的几个解决方案

Ajax禁止缓存的几个解决方案
我们介绍了最常用的Ajax缓存禁止方法，有需要了解的朋友可参考一下。 最常用的方法是 方法1:服务器端代码加入,代码如下: response.setHeader("Cache-Control", "no-cache, must-revalidate"); 方法2:用JavaScript在Ajax提交的时候加入一个随机数作为URL中的一个参数,代码如下: req.open(url + "&" + Math.random). 原因：IE中如果XMLHttpRequest提交的URL与历史一样则使用缓存，根本不向服务器端提交。...
2016年01月21日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

ajax中ie浏览器缓存存问题解决办法

ajax中ie浏览器缓存存问题解决办法
ajax中ie浏览器缓存存问题解决办法,下面总结了几种常用的方法,有需要的同学可看看,在AJAX请求的链接中添加时间戳或随机数. 总结三种方法: 1.xmlhttp.setRequestHeader("Cache-Control","no-cache"); 2.url += "&random="+Math.random(); 3.url += "×tamp="+new Date().getTime(); 分析研究,在javascript发送的URL后加上t=Math.random()，如 href = URL+"&"+"t="+Math.random(); 或 href = URL + "&...
2016年01月21日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

javascript中计算日期实现程序

javascript中计算日期实现程序
计算日期格式为 yyyy-mm-dd 的 天数差有需要的朋友可参考一下,代码如下: var strDateArrayStart = beginDate.split("-");    var strDateArrayEnd = endDate.split("-");    var strDateS = new Date(strDateArrayStart[0] + "/" + strDateArrayStart[1] + "/" + strDateArr...
2016年01月21日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

javascript动态调用实现程序

javascript动态调用实现程序
javascript动态调用实现程序,有需要的同学可参考一下,代码如下: //回调函数1         function callback(a,b,c)        {          alert(a+b+c);        }        //回调函数2  &nb...
2016年01月21日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

javascript Boolean() 与 if 学习笔记

javascript Boolean() 与 if 学习笔记
Boolean 是个转型函数,即可以传任何值转成 boolean类型,即返回true 和 false,那么什么时候是true,什么时候是false,它是有一定规则的,最近面试比较多,但每次我问这个问题的时候,答出来的同学并不多,代码如下: var a = 0;      if( a) {        alert(1);     }   这个问题有部分人会...
2016年01月21日 前端设计 评论 1 条 喜欢 0 阅读 0 views 次 阅读全文

JavaScript取得鼠标绝对位置程序代码

JavaScript取得鼠标绝对位置程序代码
文章介绍了关于JavaScript在不同浏览器下取得鼠标绝对位置相关函数用法及兼容性介绍，有的同学可参考一下。 首先不同浏览器中event位置属性的分析: 1.IE的event.x,event.y是以事件触发元素的父元素外界为参考点(不包括滚动距离) 2.Firefox的event.pageX,event.pageY是以body元素为参考点(包括滚动距离) 3.event.clientX,event.clientY以浏览器左上角为参考点(不包括滚动距离) 4.IE的event.offsetX,event.of...
2016年01月21日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

javaScript图片预加载后让图片像素变清晰

javaScript图片预加载后让图片像素变清晰
图片预加载原理大概是图片的预加载: 1. 假设原图片是10001000的高清晰图片，譬如有4M。 2. 服务端除了原图，另外再准备一张该图片的缩小版，如：1010，大小只有400Byte。 3. 当客户端请求该图时，4M的原图肯定不会马上下好，特别是远程网络，这时先把小图下过来，并拉升到原图大小（这个操作应该是采用无插值算法的直接放大，速度是很快的。） 应该是存储了好几张不同尺寸不同分辨率的多张图片,当大图片没...
2016年01月21日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

js图片加载获取不到宽度和高度解决方法总结

js图片加载获取不到宽度和高度解决方法总结
本文章总结了关于js图片加载获取不到宽度和高度解决方法,有需要的朋友可参考一下. 第一次浏览的时候你根本就获取不到图片的宽高值,打印出来都是0,这些纠结了吧,怎么解决呢?就用setTimeout延时加载,200毫秒之后就执行,等图片彻底加载完之后就可以获取宽高了,这样就实现了只适应宽高和水平垂直居中了,代码如下: var parent=$(".imgshow a img");       &nbs...
2016年01月21日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

加入收藏js代码 兼容所有浏览器

加入收藏js代码 兼容所有浏览器
我们介绍一个可兼容所有浏览器的加入收藏代码代码,大概原理是这样的我们根据获取用户navigator.userAgent.toLowerCase()信息来判断浏览器,根据浏览器是否支持加入收藏js命令,如果可以自动收藏否则就提示ctrl+D手动收藏了,代码如下: function addFavorite2() {       var url = window.location;       var ...
2016年01月21日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

IE中jquery.form中ajax提交没反应解决办法

IE中jquery.form中ajax提交没反应解决办法
用jquery form插件,进行ajax提交,本来可以用,好好地,突然发现,firefox,opera等可以提交,ie的success函数运行了,花了三个钟头,反复查,发现,原来是改了处理页面的返回头信息,加上了 application/x-javascript,ie8就不干活了,如果是text/html,就行,或者不指定也行,算bug不？让我问候一下写这段代码的ie开发人员吧,ajax的头信息,编码看来都要注意哎。 ajax提交表单数据的方式介绍,Url参数提交数,代码如下: &...
2016年01月20日 前端设计 评论 2 条 喜欢 1 阅读 0 views 次 阅读全文

jquery ajax例子返回值详解

jquery ajax例子返回值详解
$.ajax()跟($.post(),$.get())最主要的差别就是 成功回调后,执行success. . $.post(),$.get()就只能简单的做下传递 ,返回. .后续工作没法继续.所以看情况调用,在JQuery中，AJAX有三种实现方式：$.ajax() , $.post , $.get()。 首先我们看$.get(),代码如下: $.get("test.jsp",     { name: "cssrain", time: "2008/01/21" },     ...
2016年01月20日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

实现页面打印的多种方法总结

实现页面打印的多种方法总结
本文章总结了页面打印的多种方法包括了js,css,OBJECT及IEWebBrowser组件中实现页面打印的代码,有需要的朋友可参考一下. css实现方法,代码如下: <style>        @media   print   {              .ptn   {display:block;}   &...
2016年01月20日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

javascript修改html元素的class实例

javascript修改html元素的class实例
需要注意的是在JavaScript中,如果要修改一个元素的class属性,一定要写为className,因为class是JavaScript的保留字,代码如下: <script type="text/javascript">    function over(){     var para = document.getElementById("testPara").className = "testOver";     }    function&n...
2016年01月20日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文