夏日博客

js中clientHeight、offsetHeight、scrollHeight、scrollTop详解

js中clientHeight、offsetHeight、scrollHeight、scrollTop详解
本文章来总结一下在js中clientHeight,offsetHeight,scrollHeight,scrollTop用法介绍有需要的朋友可参考参考。 clientHeight 大家对 clientHeight 都没有什么异议，都认为是内容可视区域的高度，也就是说页面浏览器中可以看到内容的这个区域的高度，一般是最后一个工具条以下到状态栏以上的这个区域，与页面内容无关。 offsetHeight IE、Opera 认为 offsetHeight = clientHeight + 滚动条 + 边框。 NS、FF ...
2016年01月28日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

Javascript 定义类常用的几种方法总结

Javascript 定义类常用的几种方法总结
在js中类是我们开发中不可少的一部份，下面我来简单的总结一些关于javascript中类的一些定义方法，有需要的朋友可参考参考。 Javascript 语言不支持”类”，但是可以用一些变通的方法，模拟出”类”。 一、构造函数法 这是经典方法，也是教科书必教的方法。它用构造函数模拟”类”，在其内部用 this 关键字指代实例对象,代码如下: function Cat () {       this...
2016年01月28日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

js中typeof用法详细介绍

js中typeof用法详细介绍
本文章来介绍在js使用中的一个函数typeof用法, typeof 运算符把类型信息当作字符串返回，包括有大家常有变量类型。 typeof 运算符把类型信息当作字符串返回。typeof 返回值有六种可能： "number," "string," "boolean," "object," "function," 和 "undefined."我们可以使用typeof来获取一个变量是否存在，如if(typeof a!="undefined"){}，而不要去使用if(a)因为如果a不存在（未声明）则会出错，对于Array,N...
2016年01月28日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

document.getElementsByTagName遍历复选框

document.getElementsByTagName遍历复选框
getElementsByTagName：找出相匹配的标签的一个集合并且遍历，下面我们以获取 checkbox多选为实例来介绍。 document.getElementsByTagName(tagname) 说明: getElementsByTagName() 方法返回元素的顺序是它们在文档中的顺序。 核心代码如下: function func(){   var arr = document.getElementsByTagName('input');   var arrValue = []; &...
2016年01月28日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

IE不支持getElementsByClassName解决办法

IE不支持getElementsByClassName解决办法
目前可以这么解决，判断浏览器支不支持这个方法，如果支持就不管；如果不支持，就在document对象里加入getElementsByClassName这个方法，这样的写法有一个好处，即不管有没有原生函数你都不用去修改代码。 通常先使用getElementsByTagName("*")取出文档中所有元素，然后进行遍历，使用正则表达式找出匹配的元素放入一个数组返回。由于IE5不支持document.getElementsByTagName("*")，要使用分支document.all...
2016年01月28日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

js 判断Input输入的值只能为数字

js 判断Input输入的值只能为数字
很多时间我们需要在用户输入结束时就给出提示用户输入的内容是不是符合我们的系统要求，下面我来介绍一下js 判断Input输入的值只能为数字. 只能是数字,代码如下: <script language=javascript>   function onlyNum()   {   if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105))) &...
2016年01月28日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

js正则Test方法的使用

js正则Test方法的使用
Test是js中正则常用到的一个方法,下面我来具体介绍一下关于js正则中使用Test方法,有需要的朋友可参考. test 方法 返回一个 Boolean 值,它指出在被查找的字符串中是否存在模式. rgexp.test(str) javascript 正则对象创建 和用法 声明javascript 正则表达式,代码如下: var reCat = new RegExp("cat"); 你也可以:var reCat = /cat/;//Perl 风格 （推荐） 学习最常用的 test exec match search replace spl...
2016年01月28日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

JavaScript中的正则表达式

JavaScript中的正则表达式
在JavaScript中,正则表达式是由一个RegExp对象表示的.当然,可以使用一个RegExp()构造函数来创建RegExp对象,也可以用JavaScript 1.2中的新添加的一个特殊语法来创建RegExp对象. 就像字符串直接量被定义为包含在引号内的字符一样,正则表达式直接量也被定义为包含在一对斜杠(/)之间的字符.所以,JavaScript可能会包含如下的代码: var pattern = /s$/; 这行代码创建一个新的RegExp对象,并将它赋给变量parttern....
2016年01月28日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

setTimeout()与setInterval()定时器与区别

setTimeout()与setInterval()定时器与区别
JavaScript的setTimeout与setInterval是两个很容易欺骗别人感情的方法,因为我们开始常常以为调用了就会按既定的方式执行, 我想不少人都深有同感,代码如下: setTimeout(function() {       alert('你好!');   }, 0);   setInterval(callbackFunction, 100);   认为setTimeout中的问候方法会立即被执行,因为这并不是凭空而...
2016年01月28日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

日期格式正则表达式javascript代码

日期格式正则表达式javascript代码
下面总结了利用js来验证日期格式的几个js完整的实例,有需要的朋友可参考参考. 格式是,日/月/年,代码如下: //日期格式       ['date_au', function(v) {         if (Vanadium.validators_types['empty'].test(v)) return true;             &...
2016年01月28日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

JavaScript判断是否为IE浏览器程序代码

JavaScript判断是否为IE浏览器程序代码
方法1：通过IE与非IE浏览器对垂直制表符支持特性搞出的一段简短的条件,代码如下: var ie = !+”v1″; 方法2：利用了IE与标准浏览器在处理数组的toString方法的差异做成的。对于标准游览器，如果数组里面最后一个字符为逗号，JS 引擎会自动剔除它,代码如下: var ie = !-[1,]; 大家可以测试一下,代码如下: var ie = !-[1,]; alert(ie); 自己试验了一下,效果还不错,推荐给大家看看,代码如下: if(!-[1,]){&nbs...
2016年01月28日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

javascript中存在几种对URL字符串进行编码的方法

javascript中存在几种对URL字符串进行编码的方法
javascript中存在几种对URL字符串进行编码的方法：escape()，encodeURI()，以及encodeURIComponent()。这几种编码所起的作用各不相同。 escape() 方法: 采用ISO Latin字符集对指定的字符串进行编码,所有的空格符、标点符号、特殊字符以及其他非ASCII字符都将被转化成%xx格式的字符编码,xx等于该字符在字符集表里面的编码的16进制数字,比如,空格符对应的编码是%20. 不会被此方法编码的字符:@ * / + encodeUR...
2016年01月28日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

javascript中实现表格增删实现代码

javascript中实现表格增删实现代码
下面我们结合html与javascript实现动态增加与删除表格行与表格列的程序,有需要的朋友可参考参考. 例1,代码如下: <script>   function addRow(){              // 插入一行       myNewRow = document.all.myTable.insertRow();       v...
2016年01月28日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

javascript统计计算中文字符串长度

javascript统计计算中文字符串长度
JS的字符串都是string对象，可以用string对象的length属性可以获取其长度，但是无论是中文、全角符号以及英文最小长度单位都是1，这与php的strlen()并不相同。 如何让JS统计的字符串长度与php一致呢？这里的函数代码只是针对GBK下编码的字符，一个汉字等于二个字符。代码如下： function strlen(str) {       var s = 0;    &nb...
2016年01月28日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

IE6固定定位底部且滚动时不晃动

IE6固定定位底部且滚动时不晃动
一个关于IE6固定定位底部且滚动时不晃动，有需要参考的朋友可参考参考。 给标签: <div id="fixed"></div>   设置样式,代码如下: body {   _background-image: url(about:blank);     /*用浏览器空白页面作为背景*/   _background-attachment: fixed;     /* prevent ...
2016年01月28日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

javascript中JSON数据接受，处理介绍

javascript中JSON数据接受，处理介绍
本文章介绍一从json数据生成到利用js来接受json数据并且处理json数据进行输出，有需要的朋友可参考参考。 js读取JSON的方法我接触到的有两种. 方法一:函数构造定义法返回,代码如下: var strJSON = "{name:'json name'}";//得到的JSON   var obj = new Function("return" + strJSON)();//转换后的JSON对象   alert(obj.name);//j...
2016年01月28日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

js multiple全选与取消全选实现代码

js multiple全选与取消全选实现代码
本文章总结了利用jquery与js实现multiple全选与取消全选代码有需要参考的朋友可参考参考,代码如下: $("select").change(function(){       var n = $(this).children().length;       var obj;       var i = 1;         &nbs...
2016年01月28日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

php与javascript邮箱验证实现程序

php与javascript邮箱验证实现程序
下面我来总结利用php与js分别对用户输入的邮箱地址进行验证,有需要学习的朋友可参考参考。 邮件的正确格式为:用户名+@+服务器名+ . +com/net/cn/org 注: 1、验证时要求用户名是大小字母或小写字母 2、用户名的后面要加上@ 3、@后面要加服务器的名称。 4、服务名后面要加"点"即 . 5、最后以com net cn org javascript邮箱验证代码: var re=/^([a-zA-Z0-9]+[_|_|.]?)*[a-zA-Z0-9]+@([a-zA-Z0...
2016年01月28日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

js实现城市级联选择实现代码

js实现城市级联选择实现代码
联动菜单是我们开发中常用到的一个实例，像城市联动，二级菜单等等都会用到，下面我以城市联动为实例来介绍js级联选择效果。 代码实例:以下代码可以直接粘贴使用,但里面的城市并不完整. 实现原理是利用 js的onchang方法，调用city.js文件里的changecity()函数，var text = city[index][i].split(“-”); 这个方法是把new Array()数组拆分进text变量数组里，然后text[0]是文本区域中的值，text[1]是选中的值,...
2016年01月28日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

关于当下网页兼容浏览器的一些看法

关于当下网页兼容浏览器的一些看法
一直想要写一篇关于网页兼容方面的文章，这篇文章不是技术性的文章，而是一个小小的吐槽。 记得刚开始学网页设计的时候使用的还是老的排版方式 table表格方式，哪会儿IE6霸占整个浏览器市场，所以当时设计网页很顺心应手，不用考虑太多网页兼容性的东西，只要IE6上面看着顺眼就可以了，而且table表格排版，只要没什么太大的问题，基本上可以忽略浏览器的兼容问题，所以哪会儿的设计，只要会个PS，再加个DW ...
2016年01月27日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文