夏日博客

javascript中的缓动效果实现程序

javascript中的缓动效果实现程序
javascript中的缓动效果可以应用于很多地方，比如距离位移上的变化：图片的滚动、焦点图的轮转切换，透明度上的变化：渐隐渐现。凡是存在运动的状态都适用，下面以最基本的块在容器内从左到右滑动为例，讲下几种不同的缓动处理方式。 常见的动画有四种类型，介绍一下： linear：线性动画，即匀速 easeIn：速度从小到大，即淡入 easeOut ：速度从大到小，即淡出 easeInOut：开始时速度从小到大，结束时速度...
2016年01月28日 前端设计 评论 1 条 喜欢 0 阅读 0 views 次 阅读全文

Javascript中node.js触摸事件处理

Javascript中node.js触摸事件处理
随着移动开发需求的逐渐增大,以mobile safari为例,增加了对触摸事件的支持,下面举个例子来说明,页面结构. 页面结构,代码如下: <section id = "content">   <section id = "detail">node.js是基于google的开源javascriptV8引擎开发的Web I/O服务器，原本node.js只能运行在POSIX系统环境下(Linux或者Mac OS)，在Windows环境下需要安装虚拟...
2016年01月28日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

javascipt中mouseout和mouseover事件冒泡介绍

javascipt中mouseout和mouseover事件冒泡介绍
看到名字我们就知道mouseout和mouseover的用法，mouseout意思是移出窗口就执行mouseout的代码，而mouseover是经过是就执行mouseover中的程序。 mouseover() 方法触发 mouseover 事件，或规定当发生 mouseover 事件时运行的函数 mouseout() 方法触发 mouseout 事件，或规定当发生 mouseout 事件时运行的函数。 先看一个实例,代码如下: function showdiv()   {    $('J_Cat...
2016年01月28日 前端设计 评论 1 条 喜欢 0 阅读 0 views 次 阅读全文

javascript中数据类型的详细介绍

javascript中数据类型的详细介绍
在js中数据类型包括有1.数值型（Number）。包括整数、浮点数。2.布尔型（Boolean）。3.字符串型（String）。 4.对象（Object）。5.数组（Array）。6.空值(Null)。7.未定义（Undefined）。 二、判断一个变量属于什么数据类型。 1.数值型（number）。 数值表达式指的是任何值为数字的表达式。这种表达式的元素可以包括关键字、变量、文字和运算 符的任意组合，只要此组合能够生成一个数字。在特定的情况下，...
2016年01月28日 前端设计 评论 1 条 喜欢 0 阅读 0 views 次 阅读全文

javascript异步返回数据代码介绍

javascript异步返回数据代码介绍
在日常的使用中，不可避免的在异步的返回数据中需要运行脚本，而将返回数据直接写入页面中的某个容器中，脚本是不会运行的,异步执行一般都要有个回调callback函数，给调用者增加一个callback函数，然后把obj作为参数传给这个callback. 例,代码如下: var a=(function(){   var obj=null;   return {   win:function(config) {    ...
2016年01月28日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

js中iframe载入后高度自适应

js中iframe载入后高度自适应
本文章分为两部份来介绍，一是介绍关于iframe载入完毕的判断介绍了关于iframe载入完成的判断,然后根据判断我再介绍载入完成后使iframe高度自适应. 关于iframe载入完毕的判断介绍了关于iframe载入完成的判断方法 iframe中跨域载入页面，在父级页面由于跨域的限制是访问不了加载页面的window对象，也就调用不了子页面中声明的函数。 因此在父级页面中判断iframe是否载入完毕最初的方式是使用参照元素载入完成...
2016年01月28日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

Javascript异步编程的4种方法分析

Javascript异步编程的4种方法分析
我想讲到异步编程很多朋友都会想到ajax异步编程这一功能，下面我来介绍四种异步编程的方法有需要的朋友可参考参考。 你可能知道，Javascript语言的执行环境是"单线程"（single thread）。 所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。 这种模式的好处是实现起来比较简单，执行环境相对单纯；坏处是只要有一个任务耗时很长，...
2016年01月28日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

JS判断浏览器类型的方法总结

JS判断浏览器类型的方法总结
JS中判断浏览器的 类型，估计是每个编辑过页面的开发人员都遇到过的问题。在众多的浏览器产品中，IE、Firefox、Opera、Safari……..众多品牌 却标准不一，因此时常需要根据不同的浏览器，甚至相同浏览器不同版本做不同的操作，因此，知晓浏览器的判断方法，还是很重要的。 各类浏览器在JS的navigator.userAgent.toLowerCase()中显示结果. 1 火狐 mozilla/5.0 (windows; u; windows nt 5.1; zh-cn; rv:1.9.0.1...
2016年01月28日 前端设计 暂无评论 喜欢 1 阅读 0 views 次 阅读全文

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