JavaScript资料,JavaScript文章,JavaScript文档-易库教程

实例讲解多个js毫秒倒计时同时进行效果

2017年02月06日 11 阅读

本文实例讲解js毫秒倒计时同时进行效果的代码，分享给大家供大家参考，具体内容如下效果图：实现功能：调用一个函数，传入html元素的id，和一个截止时间（unix时间戳），在该html元素中打印出到当前到截止时间为止的倒计时,精确到毫秒；效果图如下：<！DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content=...

基于JavaScript代码实现随机漂浮图片广告

2017年02月06日 11 阅读

在网上有很多这样的代码，不过未必符合W3C标准，因为在头部加上<！DOCTYPE html>类似标签之后，漂浮效果就会失效，下面分享一个符合标准的漂浮代码，使需要的朋友免去大量改造代码的繁琐。代码一：代码如下:<！DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.so...

jquery中ajax处理跨域的三大方式

2017年02月06日 11 阅读

由于JS同源策略的影响，因此js只能访问同域名下的文档。因此要实现跨域，一般有以下几个方法：一、处理跨域的方式：1.代理2.XHR2HTML5中提供的XMLHTTPREQUEST Level2（及XHR2）已经实现了跨域访问。但ie10以下不支持只需要在服务端填上响应头：header（"Access-Control-Allow-Origin:*"）;/*星号表示所有的域都可以接受，*/ header（"Access-Control-Allow-Method...

基于JavaScript实现简单的随机抽奖小程序

2017年02月06日 12 阅读

对于抽奖这样的小程序使用诸如VB，Delphi等工具来实现会比较的方便，由于本人机器上没有装这样的应用程序，所以只能另寻其道。为了使抽奖程序能够无需配置平台直接可以在任何一台机器上运行，开发工具和编译运行工具也能够经可能简单（诸如text文本即可编辑，window系统自带的浏览器即可编译运行的情况），决定尝试使用javascript来做。本人对javascript的研究不深，平时主要用于网站开发中对来自客户端的数据进行有效性判断（基于安全性的考虑，安全性要...

jQuery实现二级下拉菜单效果

2017年02月06日 11 阅读

大家都知道jQuery是一个框架，它对JS进行了封装，使其更方便使用。前面两篇博文分别是用CSS样式和JS实现的，那么这篇就用jQuery来实现二级下拉式菜单。使用JQuery实现需要用到的知识有： 1）使用$（function（）{...}）获取到想要作用的HTML元素。 2）通过使用children（）方法寻找子元素。 3）通过使用show（）方法来显示HTML元素。 4）通过使用hide（）方法来隐藏HTML元素。 5）jQuery库引用方法:第一种...

JavaScript实现下拉菜单的显示和隐藏

2017年02月06日 12 阅读

我们这一篇来用JavaScript脚本实现下拉菜单的显示和隐藏。使用JavaScript方法实现我们需要用的知识有：1）JS事件：onmouseover鼠标经过事件和onmouseout鼠标离开事件。2）JS基础语法：使用function关键字定义函数。3）DOM编程：getElementsByTagName（）方法。那么接下来就是我们制作的流程：1）隐藏二级菜单：设置CSS样式,让二级菜单隐藏。2）编写显示子菜单showsub（）函数：使用getElem...

浅谈javascript 函数表达式和函数声明的区别

2017年02月06日 11 阅读

javascript中声明函数的方法有两种:函数声明式和函数表达式.区别如下:1）.以函数声明的方法定义的函数,函数名是必须的,而函数表达式的函数名是可选的.2）.以函数声明的方法定义的函数,函数可以在函数声明之前调用,而函数表达式的函数只能在声明之后调用.3）.以函数声明的方法定义的函数并不是真正的声明,它们仅仅可以出现在全局中,或者嵌套在其他的函数中,但是它们不能出现在循环,条件或者try/catch/finally中,而函数表达式可以在任何地方声明...

JS常见问题之为什么点击弹出的i总是最后一个

2017年02月06日 12 阅读

在前端群里看见过很多人问过这个问题，今晚又有人问了这个问题，所以写篇文章整理一下。首先看一下代码,点击li之后弹出当前li所对应的索引值。于是很多人刷刷刷写出了下面的代码。var aLi = document.getElementsByTagName（"li"）;for（var i = 0; i < aLi.length; i++）{aLi[i].onclick = function（）{alert（i）;}} 但是结果不尽人意，为了简单，我们约定一...

AngularJS 使用$sce控制代码安全检查

2017年02月06日 12 阅读

由于浏览器都有同源加载策略，不能加载不同域下的文件、也不能使用不合要求的协议比如file进行访问。在angularJs中为了避免安全漏洞，一些ng-src或者ng-include都会进行安全校验，因此常常会遇到一个iframe中的ng-src无法使用。什么是SCESCE，即strict contextual escaping,我的理解是严格的上下文隔离 ...翻译的可能不准确，但是通过字面理解，应该是angularjs严格的控制上下文访问。由于angu...

jQuery Mobile弹出窗、弹出层知识汇总

2017年02月06日 11 阅读

先创建一个窗体<div data-role="popup" id="popupView" class="ui-content" data-overlay-theme="b" data-position-to="window" data-dismissible="false"> <a href="javascript:void（0）" data-rel="back" class="ui-btn ui-corner-all ui-shado...

jQuery中ajax的load（）与post（）方法实例详解

2017年02月06日 11 阅读

本文实例讲述了jQuery中ajax的load（）与post（）方法。分享给大家供大家参考，具体如下：一、load（）方法在jQuery ajax的load（）方法能够载入远程 HTML 文件代码并插入至 DOM 中,这个与post,get还是有一点的区别，但可以快速在页面加载时就加载一个页面的html保存到dom中并且可执行哦。load（）方法默认使用 GET 方式, 如果传递了data参数则使用Post方式.传递附加参数时自动转换为 POST 方式。j...

JavaScript类型系统之正则表达式

2017年02月06日 11 阅读

定义正则又叫规则或模式，是一个强大的字符串匹配工具。javascript通过RegExp类型来支持正则表达式特性 [1]贪婪性，匹配最长的 [2]懒惰性，不设置/g，则只匹配第1个写法perl写法（使用字面量形式）var expression = /pattern/flags; 模式（pattern）部分可以是任何简单或复杂的正则表达式，可以包含字符串、限定类、分组、向前查找以及反向引用。每个正则表达式可以带一个或多个标志（flags），用以标...

简述jQuery ajax的执行顺序

2017年02月06日 12 阅读

jQuery中的Ajax的async默认是true（异步请求）,如果想一个Ajax执行完后再执行另一个Ajax, 需要把async=false即可.代码如下:function TestAjax（）{ var UserName = $（"#txtUserName"）.val（）; $.ajax（{url:"AjaxCheckUserName.htm",async:false,success:function（data）{ alert（data）;} }）; ...

js与jQuery实现checkbox复选框全选/全不选的方法

2017年02月06日 11 阅读

本文实例讲述了js与jQuery实现checkbox复选框全选/全不选的方法。分享给大家供大家参考，具体如下：先来看看JavaScript实现checkbox复选框全选/全不选的方法。这应该是一个比较实用的前端技巧吧，很多时候我们都需要点击一个checkbox，然后将所有的复选框自动全部选中，比如新浪邮箱中，一些CMS系统的后台中，使用本JS效果后，会大大增强了操作体验，那么究竟是如何实现这一功能的呢？别着急，跟我一步一步实现。我们先把那些带复选框的列表弄...

javascript简单比较日期大小的方法

2017年02月06日 11 阅读

本文实例讲述了javascript简单比较日期大小的方法。分享给大家供大家参考，具体如下：//获取起始日期var startDate=document.all.startdate.value;//转换为日期格式startDate=startDate.replace（/-/g,"/"）;//获取结束日期var endDate=document.all.enddate.value;endDate=endDate.replace（/-/g,"/"）;//如果起始...

javascript设置和获取cookie的方法实例详解

2017年02月06日 11 阅读

本文实例讲述了javascript设置和获取cookie的方法。分享给大家供大家参考，具体如下：1. 设置cookiefunction setCookie（cookieName,cookieValue,cookieExpires,cookiePath）{cookieValue = escape（cookieValue）;//编码latin-1if（cookieExpires==""）{var nowDate = new Date（）;nowDate.set...

JavaScript、tab切换完整版（自动切换、鼠标移入停止、移开运行）

2017年02月06日 13 阅读

效果图如下所示：废话不多说了，直接给大家贴js代码了.<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>table切换</title><style type="text/css">*{padding: }button{width: 95px;}.active {background-color...

基于javascript实现图片预加载

2017年02月06日 11 阅读

一、定义预加载图片是提升用户体验的一个好办法，提前加载用户所需的图片，保证图片快速、无缝发布，使用户在浏览器网站时获得更好用户体验。常用于图片画廊等应用中。[注意]若使用即时加载，加载的图片与页面的其他内容一起加载会增加页面的整体加载时间，所以使用window.onload比较合适。二、两种思路1、使用背景图像使用页面无用元素的背景图片预加载<style>body{margin: 0;}img{width: 100px;height: 100p...

this,this,再次讨论javascript中的this,超全面（经典）

2017年02月06日 11 阅读

JavaScript 是一种脚本语言，因此被很多人认为是简单易学的。然而情况恰恰相反，JavaScript 支持函数式编程、闭包、基于原型的继承等高级功能。本文仅采撷其中的一例：JavaScript 中的 this 关键字，深入浅出的分析其在不同情况下的含义，形成这种情况的原因以及 Dojo 等 JavaScript 工具中提供的绑定 this 的方法。可以这样说，正确掌握了 JavaScript 中的 this 关键字，才算迈入了 JavaScript ...

基于javascript实现图片懒加载

2017年02月06日 11 阅读

一、定义图片延迟加载也称为懒加载，延迟加载图片或符合某些条件时才加载某些图片，通常用于图片比较多的网页。可以减少请求数或者延迟请求数，优化性能。二、呈现形式【1】延时加载，使用setTimeout或setInterval进行加载延迟，如果用户在加载前就离开，自然就不会进行加载。【2】条件加载，符合某些条件或者触发了某些条件才开始异步加载。【3】可视区域加载，仅仅加载用户可以看到的区域，这个主要监控滚动条来实现，一般距离用户看到的底边很近的时候开始加载，...

首页 / 脚本样式 / JavaScript

实例讲解多个js毫秒倒计时同时进行效果

基于JavaScript代码实现随机漂浮图片广告

jquery中ajax处理跨域的三大方式

基于JavaScript实现简单的随机抽奖小程序

jQuery实现二级下拉菜单效果

JavaScript实现下拉菜单的显示和隐藏

浅谈javascript 函数表达式和函数声明的区别

JS常见问题之为什么点击弹出的i总是最后一个

AngularJS 使用$sce控制代码安全检查

jQuery Mobile弹出窗、弹出层知识汇总

jQuery中ajax的load（）与post（）方法实例详解

JavaScript类型系统之正则表达式

简述jQuery ajax的执行顺序

js与jQuery实现checkbox复选框全选/全不选的方法

javascript简单比较日期大小的方法

javascript设置和获取cookie的方法实例详解

JavaScript、tab切换完整版（自动切换、鼠标移入停止、移开运行）

基于javascript实现图片预加载

this,this,再次讨论javascript中的this,超全面（经典）

基于javascript实现图片懒加载