前端设计 | 夏日博客

js 动态创建清空option值代码

option值其实就是select了，下面我来分别介绍js创建option和jquery操作option的实现程序，有需要学习的朋友可参考参考。 1.清空option 2.根据ajax返回结果，动态创建option js清空option 清空option 不是很难的操作,我们只需要遍历现有option，将其每个子元素都置空即可,代码如下: function clearOption(selectId){ var selectObj = document....

2016年10月13日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

js计时器之setTimeOut和setInterval用法

本文章利用js中的setInterval()函数来实现一个简单的js计时器程序，有需要学习做计时器的朋友可参考参考。从根本上来说，理解计时器如何工作很重要。通常情况下，计时器的行为并不直观，因为它在一个单独的线程中，让我们从三个函数的测试开始，对于每一个函数我们都有机会构建和控制计时器。 JS里设定延时：使用SetInterval和设定延时函数setTimeout 很类似。setTimeout 运用在延迟一段时间，再进行某项...

2016年10月13日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

textarea标签前空白解决办法

很多朋友可能会发现textarea标签前会有一个空格或空白这个问题，下面我来给大家介绍怎么解决textarea标签前空白,去掉标签之间的换行,使用如下形式: <textarea>内容</textarea> 下面这种格式不对,代码如下: <textarea> 内容 </textarea>

2016年10月13日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

JS密码强度验证(显示密码强度)

我们在很多网站注册时会有看到密码强度验证效果，下面我就来分离一下JS密码强度验证实现程序吧，有需要的朋友可参考。原理:采用打分的机制，打分分为3类（基础分、加分、减分），先求出基础分，在计算加分的部分，最后减去要扣除的分数就为最终总分。　　规则：密码可输入类型（字符，字母大写，字母小写，特殊字符）。基础分为，密码长度，一个长度为一分，大于18个字符都为18分；密码里面包含一种...

2016年10月13日前端设计暂无评论喜欢 1 阅读 0 views 次阅读全文

javascript中各种判断浏览器的方法

以前有讲过很多关于判断浏览器各种js程序，下面我来总结一下比较实例的js检测浏览器的程序，有需要的朋友可参考参考。利用small tricks or hacks来判断浏览器,代码如下: var ie = !+"v1", ie1 = !!top.execScript, ie2 = (function() { ...

2016年10月13日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

最全面的js验证电子邮箱的正则表达式

以前有写过很多邮箱正则表达式代码，下面我再来详细的介绍一个非常全面的电子邮箱验证程序，有需要的朋友可参考。先看如下一段代码： function isValidMail(sText){ var reMail = /^(?:w+.?)*w+@(?:w+.?)*w+$/; return reMail.test(sText); } 似乎这样验证像sofish@163.com这样的邮箱是没问题的。但，由于仔细看一下在AT...

2016年10月13日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

js图片等比例缩放程序代码

下面总结两个js图片等比例缩放程序代码,有需要学习的朋友可参考。例1,代码如下: <script type="text/javascript"> function changeImg(objImg) { var most = 690; //设置最大宽度 if(objIm...

2016年10月13日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

JS中的setTimeout和setInterval的区别

简单说来: setTimeout(Expression,DelayTime),在DelayTime过后,将执行一次Expression setInterval(expression,delayTime),每个DelayTime,都将执行Expression. 常常可用于刷新表达式. 例1,代码如下: <div id="a"></div> <div id="b"></div> <script type="text/javascript"> setTimeout("doc...

2016年10月13日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

div模仿js中alert提示效果

我们如果使用js中alert提示效果，那是难看又吓人啊，经常会响一下然后再弹出一个对话框，下面我来利用js模仿出一个alert提示效果有需要的朋友可参考。先来看js alert(),代码如下: <html> <head> <script type="text/javascript"> function message() { //xiariboke.net alert("该提示框是通过 onl...

2016年10月13日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

javascript 正则表达式之英文、中文、数字、下划线

本文章收藏了一些常用的javascript 正则表达式用法，包括有：英文、中文、数字、下划线正则语法有需要的朋友可参考,代码如下: ^[wu4E00-u9FA5uF900-uFA2D]*$ 1、一个正则表达式，只含有汉字、数字、字母、下划线不能以下划线开头和结尾,代码如下: ^(?!_)(?!.*?_$)[a-zA-Z0-9_u4e00-u9fa5]+$ 其中： ^ 与字符串开始的地方匹配 (?!_) 不能以_开头 (?!.*?_$) 不能以_结尾,代码如下: [a-zA-Z0-9_u4e00-u9fa5]+ ...

2016年10月13日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

判断使用的浏览器类型完美代码

以前有讲过N多的关于浏览器类型判断程序,下面我来总结一下可以判断现在各种浏览器类型的代码,有需要的朋友可参考,代码如下： <script language="JavaScript" type="text/javascript"> if ((navigator.userAgent.indexOf('MSIE') >= 0) && (navigator.userAgent.indexOf('Opera') < 0)){alert('你是使用IE')}else &n...

2016年10月13日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

js中判断iframe是否加载完成

昨天有一个朋友问我怎么使用js判断框架中的文档是否加载完毕，加载完后再进行下一步的操作，这里找到了1个方法来实现判断. 完美的处理方法,代码如下: var iframe = document.createElement("iframe"); iframe.src = "https://www.xiariboke.net"; if (iframe.attachEvent){ iframe.attachEvent("onload",&n...

2016年10月13日前端设计评论 1 条喜欢 0 阅读 0 views 次阅读全文

jquery实现全选、反选、全不选 jquery+php实现勾选数据批量删除

做项目需要做个全选，反选的功能，是要批量生成保单的，只可惜前段时间刚学到的js已经完全忘光了，只能从网上去找解决方案了，还好找到一款jquery的全选，反选与全不选的功能，正拿用到项目上面。 jquery实现全选、反选、全不选同时点击批量删除将选中数据的id post给php ，php对数据库进行操作实现数据的批量删除，demo仅供参考有写的不好的地方欢迎提出，谢谢！ index.html: <html> &nbs...

2016年08月29日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

网页设计常用的十六进制颜色对照表代码

在做网页设计过程中，经常要找颜色代码块进行颜色的填充，每一次都是从网上去找，感觉好麻烦的说，网页设计通常只有三种颜色，而用 PS 出来的颜色看起来总是不哪么舒服，因为经常需要用到，所以夏日博客就把网上的颜色表搬到自己博客来吧，在做设计的时候拿来参考很有帮助。这是一个十六进制颜色对照表，当然还有其对应的rgb代码，想要用哪个颜色的话，直接把颜色对应的rgb代码拷贝出来放到自己的ps或者dw...

2016年08月17日前端设计评论 4 条喜欢 0 阅读 0 views 次阅读全文

让网站全站变灰的简单方法

通常在遇到不可抗拒的灾害或者全国哀悼日的时候，许多大站都是把网页变灰来做哀悼，如何在最短的时间内就把整站网页变成灰色，实际上是有技巧的，我们只需要一句或者一段代码就可以实现，下面是夏日博客收集网上的一些简单方法。全站CSS样式，通常情况下，整站都是有一个共用的CSS样式的，我们只需要在整站 CSS 样式里面添加如下的代码就可以了: html { filter:progid:DXImageTransform.Micr...

2016年08月17日前端设计评论 4 条喜欢 2 阅读 0 views 次阅读全文

cdr文件用什么软件打开最简单

今天一个朋友在QQ上发来一个消息，问 Cdr 文件是个什么东东，要怎么打开，我的天呐，这不就是大名鼎鼎的“口罩”软件麽，打开很简单，直接下载一款 CorelDraw 软件就OK了，因为好久都不怎么用平面的东西了，对于 Cdr 也是很陌生，正好今天来给自己补补课。 Cdr 是什么？ Cdr 是 CorelDraw 软件的简称，中文名叫做“口罩”，呵呵，这俩字是我随便起的，具体是哪个“口罩”我也搞不清楚，哪会儿上学的时候一直怎么...

2016年08月16日前端设计评论 32 条喜欢 0 阅读 0 views 次阅读全文

简单的tab选项卡

因为项目的需求，需要在站点首页做个简单的tab选项卡，每个选项卡下面有一小部分的文字，当然还要有一个像素的灰色边，从网上找了几款，都不太理想，昨天的时候改了老半天也没修改好样式，今天在懒人网上面找了一个简单的tab选项卡，修改了一下，正符合站点的要求，整个代码也非常的简单，所以一定是要分享出来的，如果有需要用到的朋友可以直接拿来使用。 <style> *{margin:0;paddin...

2016年08月14日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

简单的一款js同意后点击

在做一个项目的时候，要求，只有同意阅读了之后才可以点击进行提交，当然这就是网上大多数同意条款之后才可以进行下一步注册的小例子了，跟我的要求蛮像的，这种简单的项目要求，只需要几句js就可以实现了，前一段时间刚学的 js，现在恐怕已经写不出来了，只能从网上找现成的了，当然，懒人嘛，大都是这个样子，好了，代码如下: <input type="checkbox" onclick="if(this.checked) do...

2016年08月10日前端设计评论 3 条喜欢 1 阅读 0 views 次阅读全文

一款jquery发送验证码计时器

接上一篇的js发送验证码计时器，因为在发送验证码的时候要提前进行检查的，看看数据库里面有没有这条数据，之前的代码都是使用 jquery 来写的，所以在 jquery 里面去调用 js 的计时器就很难了，没办法，只好再写一款 jquery 的验证码计时器了，当然也是从网上找的一款计时器，加上自己小小的修改和之前的代码进行整合了，我们先看看单独的 jquery 计时器代码，如下： <script type="text/javasc...

2016年07月29日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

一款js发送验证码计时器

要做一款手机注册时发送验证码的计时器，也就是点击一次发送按钮，然后按钮变灰成不可点击的状态，等到指定(60秒)之后才可以再次点击，这样有效的防止了用户一直点击而产生错误，首先想到的自然就是 js 了，研究了一下午的时候，不过这个 js 和之前页面的无法整合，之前的所有注册全是 jquery，所以这个也就没用了，不过效果看起来还不错，所以先收藏起来吧，也是从网上找的，只可惜了没有 jquery 的即时返...

2016年07月29日前端设计暂无评论喜欢 1 阅读 0 views 次阅读全文