夏日博客 | 喜欢夏日里自由自在清爽自然的感觉,夏日工作室!

js获取字符串最后一个字符代码

下面总结了四种可以获取字符串中最后一个字符的实现方法，我们这里综合讲了charAt()，substr(),split()三个函数。方法一:运用String对象下的charAt方法 charAt() 方法可返回指定位置的字符,代码如下: str.charAt(str.length – 1) 请注意,JavaScript 并没有一种有别于字符串类型的字符数据类型,所以返回的字符是长度为 1 的字符串. 方法二:运用String对象下的substr方法 substr() 方法可在字符串中抽取从 s...

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

js中取得窗口位置与窗口大小代码

下面我来介绍兼容所有浏览器的取得窗口位置与窗口大小代码，有需要的朋友可参考。取得窗口大小,代码如下: var pageWidth = window.innerWidth, var pageHeight = window.innerHeight; if(typeof pageWidth != "number"){ if(document.compatMode == "number"){ pageWidth = docume...

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

js 倒计时代码总结分享

倒计时这种效果我们会经常看到有，特别是团购网站倒计时，下面我总结了一些常用的js倒计时效果代码，有需要的朋友可参考。通过使用 JavaScript，我们有能力作到在一个设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。我们称之为计时事件。在 JavaScritp 中使用计时事件是很容易的，两个关键方法是: setTimeout() 未来的某时执行代码 clearTimeout() 取消 setTimeout() 实例代码如下: f...

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

js判断浏览器是否为IE浏览器

利用ActiveXObject来操作,只有IE支持创建ActiveX控件，因此她有一个其他浏览器没有的东西，就是ActiveXObject函数。只要判断window对象存在 ActiveXObject函数，就可以明确判断出当前浏览器是IE 我们知道ie浏览器都会带有MSIE这样，这样就好判断了。而IE各个版本典型的userAgent如下： Mozilla/4.0 (compatible; MSIE 10.0; Windows NT 6.0) Mozilla/4.0 (compatible; MSIE 9.0; Windows NT 6.0) Mozilla/...

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

js email 电子邮箱地址验证程序

我们知道邮箱验证最核心最重要的一句： \"\\\\b(^[_A-Za-z0-9-]+(\\\\.[_A-Za-z0-9-]+)*@([A-Za-z0-9-])+(\\\\.[A-Za-z0-9-]+)*((\\\\.[A-Za-z0-9]{2,})|(\\\\.[A-Za-z0-9]{2,}\\\\.[A-Za-z0-9]{2,}))$)\\\\b\"; 后面的什么就是很简单了。原代码是这样的,如下代码: function isValidMail(sText){ var reMail = /^(?:w+.?)*w+@(?:w+.?)*w+$/; ...

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

来不及躲避的天朝股市

本来想要在年底的时候赚些钱回家的，结果 2016 开市的第一天就一片绿，天朝股市大盘指数也从 3700 点左右，直接跌到 2700 左右，或许明天还要跌，至少这两天我买的股票每天几乎都是跌停的状态，想想之前看到的一些新闻以及股评说是年前的时候会有一波小的行情，现在想起来好可笑。在股市群里面，以前都在聊着谁谁谁今天赚了多少，昨天赚了多少，而现在大老爷们全都变成了怨妇，股市的逛跌让大家猝不及防，...

2016年01月28日生活随笔评论 23 条喜欢 0 阅读 0 views 次阅读全文

javascript实现定位并且可拖动的弹出框

实现弹出一个框,这个框是出现在超链接或按钮附近的,即可以给框定位,也可以随意拖拽,代码如下第一种情况就是ie下获取scrollTop/scrollLeft值,最典型的就是文档类型,DOCTYPE ,不同取值方式不同,兼容各浏览器实现如下: function getScrollXY() { var scrOfX = 0, scrOfY = 0; &...

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

javascript中数组长度arrayObj.length介绍

arrayObj.length这个我想大家都会看到过，像获取普通字符串长度我们会用a.length哦，那么我们要怎么取得数组长度呢，下面我来介绍一下关于取得数组长度arrayObj.length用法。返回一个整数值，这个整数比数组中所定义的最高位元素的下标大 1。 numVar = arrayObj.length 参数 numVar 必选项。任意数值。 arrayObj 必选项。任意 Array 对象。说明:因为一个数组中的元素并不一定是连续的，所以 length ...

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

javascript中的缓动效果实现程序

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

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

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事件冒泡介绍

看到名字我们就知道mouseout和mouseover的用法，mouseout意思是移出窗口就执行mouseout的代码，而mouseover是经过是就执行mouseover中的程序。 mouseover() 方法触发 mouseover 事件，或规定当发生 mouseover 事件时运行的函数 mouseout() 方法触发 mouseout 事件，或规定当发生 mouseout 事件时运行的函数。先看一个实例,代码如下: function showdiv() { $('J_Cat...

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

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异步返回数据代码介绍

在日常的使用中，不可避免的在异步的返回数据中需要运行脚本，而将返回数据直接写入页面中的某个容器中，脚本是不会运行的,异步执行一般都要有个回调callback函数，给调用者增加一个callback函数，然后把obj作为参数传给这个callback. 例,代码如下: var a=(function(){ var obj=null; return { win:function(config) { ...

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

js中iframe载入后高度自适应

本文章分为两部份来介绍，一是介绍关于iframe载入完毕的判断介绍了关于iframe载入完成的判断,然后根据判断我再介绍载入完成后使iframe高度自适应. 关于iframe载入完毕的判断介绍了关于iframe载入完成的判断方法 iframe中跨域载入页面，在父级页面由于跨域的限制是访问不了加载页面的window对象，也就调用不了子页面中声明的函数。因此在父级页面中判断iframe是否载入完毕最初的方式是使用参照元素载入完成...

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

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

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

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

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用法介绍有需要的朋友可参考参考。 clientHeight 大家对 clientHeight 都没有什么异议，都认为是内容可视区域的高度，也就是说页面浏览器中可以看到内容的这个区域的高度，一般是最后一个工具条以下到状态栏以上的这个区域，与页面内容无关。 offsetHeight IE、Opera 认为 offsetHeight = clientHeight + 滚动条 + 边框。 NS、FF ...

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

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

在js中类是我们开发中不可少的一部份，下面我来简单的总结一些关于javascript中类的一些定义方法，有需要的朋友可参考参考。 Javascript 语言不支持”类”，但是可以用一些变通的方法，模拟出”类”。一、构造函数法这是经典方法，也是教科书必教的方法。它用构造函数模拟”类”，在其内部用 this 关键字指代实例对象,代码如下: function Cat () { this...

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

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遍历复选框

getElementsByTagName：找出相匹配的标签的一个集合并且遍历，下面我们以获取 checkbox多选为实例来介绍。 document.getElementsByTagName(tagname) 说明: getElementsByTagName() 方法返回元素的顺序是它们在文档中的顺序。核心代码如下: function func(){ var arr = document.getElementsByTagName('input'); var arrValue = []; &...

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