小虎博客 | 感悟生活,记录生活中的点滴

js中document.documentElement和document.body用法区别

在js网页开发中我们常会碰到关于document.documentElement和document.body一些使用方法，下面我来总结这两者的区别，有需要的朋友可参考。网页中获取滚动条卷去部分的高度，可以通过 document.body.scrollTop 来获取，比如使div跟着滚动条滚动,代码如下: <div id="div" style="width:100px;height:100px;background:#ccc;position:absolute;"></div> window.onscrol...

2016年10月14日编程技术暂无评论喜欢 0 阅读全文

js中setinterval()用法

setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。 setinterval()用法: setInterval(code,millisec[,"lang"]) 后面就两个参数code是你的js代码，millisec为时间间隔，以毫秒计. 下面举一个简单的例子。例1,代码如下: function show(){ trace("每隔一秒我就会显示一次");} var&n...

2016年10月14日编程技术暂无评论喜欢 0 阅读全文

javascript中setTimeout()取消

我们使用setTimeout()可以延迟加载一些数据，但是如果不利用clearTimeout()取消的话，就会一直执行操作哦，这样虽然我们看不到，但是很不合理。例1,代码如下: <script> function loadas() { document.getElementById('picid').innerHTML ='3秒后更新后'; } setTimeout(loadas,3000); </scrip...

2016年10月14日编程技术暂无评论喜欢 0 阅读全文

js文本框只允许输入数字代码

一般我们限制文本框只允许输入数字的方法用得最多的就是js与正则达式来限制了，下面我来给各位朋友介绍介绍。在asp.net中我常用的写法是: <asp:TextBox ID="syear" onKeyUp="this.value=this.value.replace(/D/g,'')" onafterpaste="this.value=this.value.replace(/D/g,'')" runat="server" Width="69px"></asp:TextBox> 我们...

2016年10月14日编程技术暂无评论喜欢 0 阅读全文

js中弹出窗口关闭获得选择返回值

本文章来介绍利用showModalDialog命令实现弹出模态窗页面，获得选择返回值，并关闭效果，同时也介绍很多种弹出窗口返回值的程序,有需要学习的朋友可参考。 vReturnValue = window.showModalDialog(sURL [, vArguments] [, sFeatures]) 1、主页面,代码如下: <script type="text/javascript" language="javascript"> function DialogCust...

2016年10月14日编程技术暂无评论喜欢 0 阅读全文

javascript预览本地图片程序代码

上传图片时我们在图片未上传之前就可以预览用户选择的图片了，下面我来介绍几段常用的预览本地图片程序代码。图片上传预览是一种在图片上传之前对图片进行本地预览的技术,使用户选择图片后能立即查看图片，而不需上传服务器，提高用户体验,但随着浏览器安全性的提高，要实现图片上传预览也越来越困难。不过群众的智慧是无限的，网上已经有很多变通或先进的方法来实现,例如ie7/ie8的滤镜预览法，firefox 3...

2016年10月14日编程技术暂无评论喜欢 0 阅读全文

javascript中Interface接口用法

如何用面向对象的思想来写JavaScript，对于初学者应该是比较难的，我们经常用的JQuery其实也是用面向对象的思想去封装的，今天我们来看看如何在Javascript中用Interface，在C#还是JAVA中都应该面向接口设计我们的程序，在C#和Java中都Interface这样的关键字. 但是JavaScript中没有相应的机制，但是Javascript很灵活，我们可以用它的特性去模仿Interface，但是我们需要加入一些methods来做check的动作,我们...

2016年10月13日编程技术暂无评论喜欢 0 阅读全文

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

js计时器之setTimeOut和setInterval用法

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

2016年10月13日编程技术暂无评论喜欢 0 阅读全文

textarea标签前空白解决办法

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

2016年10月13日编程技术暂无评论喜欢 0 阅读全文

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

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

2016年10月13日编程技术暂无评论喜欢 1 阅读全文

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

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

2016年10月13日编程技术暂无评论喜欢 0 阅读全文

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

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

2016年10月13日编程技术暂无评论喜欢 0 阅读全文

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

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

2016年10月13日编程技术暂无评论喜欢 0 阅读全文

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

div模仿js中alert提示效果

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

2016年10月13日编程技术暂无评论喜欢 0 阅读全文

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

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

2016年10月13日编程技术暂无评论喜欢 0 阅读全文

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

以前有讲过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 阅读全文

js中判断iframe是否加载完成

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

2016年10月13日编程技术暂无评论喜欢 0 阅读全文

php日期相加增加天数，月数的方法

在做项目时需要做一个元素的过期时间，之前做过过期的天数相加时间，这次要直接加月数的，顺便就把所有php日期相加来整理一下吧，其实在php中，日期相加也是一件很简单的事情。当前时间增加一天： eccho date('Y-m-d',strtotime("+1 day")) 当前时间增加一月： strtotime("+1 month") 当前时间增加一年： strtotime("+1 year") 当前时间增加一秒： strtotime("+1 seconds") 已有时间增加一天： $d='2012-1...

2016年10月13日编程技术暂无评论喜欢 0 阅读全文