夏日博客

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 次 阅读全文

javascript中location.href实现页面重定向

javascript中location.href实现页面重定向
本例定义了两个JavaScript函数,功能都是重定向到首页,但是第一个函数采用的是直接给href赋值的方式,第二个使用的是replace方法. 具体请看下面的代码: <script type="text/javascript">    function goBack(){     location.href = "https://www.xiariboke.net/";    }    function goBackRep(){ ...
2016年01月20日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

javascript之this关键字详解介绍

javascript之this关键字详解介绍
下面一介绍一下关于javascript之this关键字详解介绍,初次接触this,总认为它很强大和神秘。不可预知，似乎有种不为人知的魔力。 因为在接触到它之前，大部分人认为this是那些oop语言的专利。至少我曾经是这么认为的。 随着时间的推移，对javascript的进一步提高。this那神秘的面纱才一步步被揭开。话休绕舌，下面就一起来看看这层神秘的面纱背后的this吧。 首先，我们要知道this是什么。它的含义。通俗的来...
2016年01月20日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

javascrpt Array 类型转换介绍

javascrpt Array 类型转换介绍
Array 对象用于在单个的变量中存储多个值. 创建 Array 对象的语法: new Array(); new Array(size); new Array(element0, element1, ..., elementn); 参数: 参数 size 是期望的数组元素个数,返回的数组,length 字段将被设为 size 的值. 参数 element ..., elementn 是参数列表,当使用这些参数来调用构造函数 Array() 时,新创建的数组的元素就会被初始化为这些值,它的 length 字段也会被设置为参数的个数. 返...
2016年01月20日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

JS 去空格 trim() 实战性能优化

JS 去空格 trim() 实战性能优化
看到 String 对象扩展这一部分,对 trim() 这个经常被来来说的方法比较感兴趣,刚好上次有同学提出疑问,刚好可以自测一下,先来看看老道在《JavaScript 精粹》P33 写的吧,他对 String 对象扩展了一个 trim() 方法,代码如下: Function.prototype.method = function(name, func) {       this.prototype[name] = func;     ...
2016年01月20日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

正则表达式去除大部分HTML标记js代码

正则表达式去除大部分HTML标记js代码
正则表达式去除大部分HTML标记js代码 有需要的朋友可参考一下。 删除除了<img>、<br>、<p>之外所有的标签。子虚乌有给出代码中关键的一句： o.innerHTML.replace(/(</?(?!br|p|img)[^>/]*)/?>/gi,''); 刚开始没反应过来，后来才想起来，这个正则不用区分起始和结束标签。 </?(?!br|p|img) 匹配除了保护标签外标签的起始标签或者是结束标签的一部分。 [^>/]* 匹配到>或...
2016年01月20日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

如何用正则把网页中的指定的字高亮显示代码

如何用正则把网页中的指定的字高亮显示代码
如何用正则把网页中的指定的字高亮显示代码,有需要的朋友可参考一下,不劳而获一次,这个子虚乌有前辈已经给出了非常好的解决方案,我直接把代码贴出来了: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"   "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">    <html xmlns="http:...
2016年01月20日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

正则替换特定单词js代码

正则替换特定单词js代码
正则表达式,拒绝几个单词的输入该怎样表达?要求禁止输入某几个单词,如果拒绝red,yellow,white,这个帖子到时不难,但是让我弄清楚了好几个概念. 第一个,小心字符集合里的“或” /[^red|yellow|white]/ 这个正则里的所有或都没有意义,等同于: /[^redyellowwhite]/ 意思就是不能含有以下列出的所有字母. 正解: /red|yellow|white/第二个概念. 只要整个正则匹配成功,无论子正则表达式是否匹配成功,括号都会捕捉...
2016年01月20日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

正则表达式去掉标签的所有属性js代码

正则表达式去掉标签的所有属性js代码
下面来看看利用正则表达式去掉标签的所有属性js代码,有需要的朋友可参考一下,代码如下: <td style="width: 23px; height: 26px;" align="left">***</td> 变成没有任何属性的,代码如下: <td>***</td> 思路:非捕获匹配属性,捕获匹配标签,使用捕获结果替换掉字符串,正则如下： /(<td)s(?:s*w*?s*=s*".+?")*?s*?(>)/ 首先,td匹配掉了标签,后面可以用$1引用,后面的若干属性被(?:)...
2016年01月20日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

js正则表达式给table加上tbody代码

js正则表达式给table加上tbody代码
DW不会自动生成,一个网页表太多了的话,添加好麻烦哦,替换整个文件夹内的就更费时了,比如如下代码: <table width="100%" border="0" cellpadding="2" cellspacing="3"> <table width="100%"> 有若干table,但是没有tbody,现在需要用正则批量加上,匹配table结束标签</table>比较简单,在前面加上一个</tbody>就行了,但是,匹配table的起始标签有点难度,因为可能有属性,不过之前匹配过链...
2016年01月20日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

给HTML标签中的属性添加双引号js代码

给HTML标签中的属性添加双引号js代码
我们经常会要给字符串中的一些内容增加固定标签，如果双引号等，下面我们利用js正则表达式来实例。 <a href=xxx>改为：<a href="xxx"> LeXRus的第一个正则如下: /(?!<w+)(s+w+)=([^>"s]+)/ig 第一个括号没看明白，JS应该是不支持。所以我擅自给删掉了，剩下的正则如下： /(s+w+)=([^>"s]+)/ig 第一个括号里的s+w+匹配的是属性名。 然后是=，不用转义。 第二个括号里的[^>"s]+匹配...
2016年01月20日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

将代码中的HTML标签img转换为[img]url[/img]js代码

将代码中的HTML标签img转换为[img]url[/img]js代码
我们利用正则把 html标签转换成ubb代码,有需要的同学可参考一下,代码如下: /<img(?:s*w*?s*=s*".+?")*?s*srcs*=s*"(.+?)"(?:s*w*?s*=s*".+?")*s*>/ig   这段正则和匹配链接标签的正则基本一样,修改如下,标签名img,没有结束标签而是>结束,测试代码如下: <script type="text/javascript">    function replaceReg(reg,str){    &n...
2016年01月20日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

验证邮箱的正则表达式js代码详解

验证邮箱的正则表达式js代码详解
邮箱正则最正宗的一条正则语句是^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$ 下面我们来讲解一下。 fuchangxi的正则代码如下: /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/ 开始必须是一个或者多个单词字符或者是-,加上@,然后又是一个或者多个单词字符或者是-,然后是点“.”和单词字符和-的组合,可以有一个或者多个组合,代码如下: <script type=...
2016年01月20日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文