js代码 | 易学教程

require.js

阅读更多关于 require.js

1. require.js作用（1）实现js文件的异步加载，防止js加载阻塞页面渲染；（2）管理模块之间的依赖性，便于代码的编写和维护。使用程序调用的方式加载js，防止出现大量使用<script src="*.js"></script>加载js文件。 2. 基本API require会定义三个变量：define，require，requirejs，其中 require === requirejs，一般使用require更简短。（1）define，此api定义一个模块。（2）require，加载依赖模块，并执行加载完后的回调函数。 3. data-main 假定我们自己的代码文件是main.js，和下载的require.js文件放在js目录下面。 <script src="js/require.js" data-main="js/main"></script> data-main属性的作用是，指定网页程序的主模块。在上例中，就是js目录下面的main.js，这个文件会第一个被require.js加载。由于require.js默认的文件后缀名是js，所以可以把main.js简写成main。 4. 主模块 main.js 的编写我把它称为"主模块"，意思是整个网页的入口代码。它有点像C语言的main()函数，所有代码都从这儿开始运行。常见的情况是，主模块依赖于其他模块

动态刷新时间 JS备用

阅读更多关于动态刷新时间 JS备用

1.首先是先将时间取出来并保存起来 var now = new Date();//新建一个时间对象 var hours = now.getHours();//取出当前小时数,保存于变量中 var minutes = now.getMinutes();//取出当前分钟数,保存地变量中 var seconds = now.getSeconds();//取出当前秒数 (1.1 显示统一格式,用两位数字统一显示时间格式,如:09:20:00 ,只要分别判断数值是否小于9,小于9就在前面加0,) if (hours<=9) hours = "0"+hours; if (minutes<=9) minutes = "0"+minutes; if (seconds<=9) seconds = "0"+seconds; 2.之后要解决的问题就在网页上显示出来,可以使用form,利用input 的值进行显示,这里我使用另一种方法,在一个带ID的标签作为该内容显示出来 2.1首先在HTML 里建一个标签,这里使用标签<span>,并且定义ID=TIME, 代码如下: < html > < head ></ head > < body > < span id =time ></ span > < body > </ html > 2.2 接着要解决就是把时间显示到该标签的内容中 var showtime

倒计时的js实现倒计时 js Jquery

阅读更多关于倒计时的js实现倒计时 js Jquery

by zhangxinxu from http://www.zhangxinxu.com 本文地址： http://www.zhangxinxu.com/wordpress/?p=987 一、如火如荼的团购网站根据易观国际提供的统计数据，截至2010年6月，中国市场团购网站数量已经突破400家。国内团购潮从今年2月份开始出现，在4~6月出现高峰，尤其是今年5月，一些大的网站如爱帮网、开心网都加入到团购中来，F团、团宝、酷团、515团购、1288团购、拉手、24券、满座、窝窝、满堂网、糯米网、第一团购等也纷纷上线。预计年底，我国团购类网站的数量将达到1000多家，甚至有业内人士称“一天之内会有三到五家新的团购网站诞生”。俗称“千团大战”。据说王兴的美团网上线4个月就盈亏平衡了，还有，貌似企鹅、点评也来插足了。不过这类团购网站是死是活、孰好孰坏不管我鸟事，我所关心的是一些让我感兴趣的前端内容，比如说，这类团购网站的倒计时。虽然有的横着睡觉，有的竖着休息，本质上都是一样的，一样的阿拉伯数字，一样的一秒一变化。本文内容就是展示如何在前端使用js实现倒计时的UI效果。二、demo与效果展示为节约时间，我就直接套用了企鹅团的界面作为demo的背景。因为是倒计时，所以需要一个固定的时间，为了n年后，某位仁兄打开demo页面依然在倒计时

HTML 学习笔记 JQuery（锋利的JQuery 代码）

阅读更多关于 HTML 学习笔记 JQuery（锋利的JQuery 代码）

一制作简单的导航栏 <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="../js/jquery-2.1.1.min.js"></script> <style type="text/css"> #menu {width: 300px;} /*cursor 规定光标的显示类型*/ .has_children{background: #555555; color: #ffffff;cursor: pointer;} .highlight{color: #ffffff; background: green;} div { /*内间距*/ padding: 1px; clear: left; } div a { background: #888888; /*标签a先不显示*/ display: none; float: left; margin: 2px; widows: 300px; } </style> <script> $(function() { //为class = "has_children"的div添加点击事件 $(".has_children").click(function() { $(this).addClass("highlight") /

jquery与js的区别与基础操作

阅读更多关于 jquery与js的区别与基础操作

一．什么是 jQuery jQuery是一个 Java Script库，它通过封装原生的 JavaScript 函数得到一整套定义好的方法。它的作者是John Resig，于2006年创建的一个开源项目，随着越来越多开发者的加入，jQuery已经集成了JavaScript、 CSS 、DOM和Ajax于一体的强大功能。它可以用最少的代码，完成更多复杂而困难的功能，从而得到了开发者的青睐。 JQuery的优点:小巧、方便、功能强大。插件丰富、开源、免费。二.Jquery的功能和优势 jQuery 作为 JavaScript 封装的库，他的目的就是为了简化开发者使用 JavaScript。主要功能有以下几点： 1.像 CSS 那样访问和操作 DOM 2.修改 CSS 控制页面外观 3.简化 JavaScript 代码操作 4.事件处理更加容易 5.各种动画效果使用方便 6.让 Ajax 技术更加完美 7.基于 jQuery 大量插件 8.自行扩展功能插件 jQuery 最大的优势，就是特别的方便。比如模仿 CSS 获取 DOM，比原生的 JavaScript要方便太多。并且在多个 CSS 设置上的集中处理非常舒服，而最常用的 CSS 功能又封装到单独的方法，感觉非常有心。最重要的是 jQuery 的代码兼容性非常好，你不需要总是头疼着考虑不同浏览器的兼容问题。好！以上都是网摘！

js转义html，反转义

阅读更多关于 js转义html，反转义

今天同学问echats 的问题，说有乱码，结果我看到调试器里，js已经编译成html实体了，估计是服务器策略把jsp把输入的变量都变成html实体，导致数据在echats里面显示的不是正常汉字，而是一堆&#XXXXX;费劲千辛万苦找到一篇博客解决了这个问题。连接：http://blog.chinaunix.net/uid-20511797-id-3118652.html 如果单纯解决这个问题可以提取出部分代码： 1 var Tools=:{}}; 2 Tools=function(){ 3 this.HTML_DECODE = { 4 "<" : "<", 5 ">" : ">", 6 "&" : "&", 7 " ": " ", 8 """: "\"", 9 "?": "" 10 11 // Add more 12 }; 13 this.REGX_HTML_DECODE = /&\w+;|&#(\d+);/g; 14 this.decodeHtml=function(s){ 15 var HTML_DECODE = this.HTML_DECODE; 16 17 s = (s != undefined) ? s : this.toString(); 18 return (typeof s != "string") ? s : 19 s.replace(this.REGX

js实现图片预览

阅读更多关于 js实现图片预览

（1）图片预览 showPic:function(url){ var json = { "data": [ //相册包含的图片，数组格式 { "src": url, //原图地址 } ] }; top.layer.photos({ photos: json ,anim: 0 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数） }); }, （2）日期的格式化 dateFormat:function (timestamp, format) { var _this = new Date(timestamp); var o = { "M+": _this.getMonth() + 1, // month "d+": _this.getDate(), // day "h+": _this.getHours(), // hour "m+": _this.getMinutes(), // minute "s+": _this.getSeconds(), // second "q+": Math.floor((_this.getMonth() + 3) / 3), // quarter "S": _this.getMilliseconds() // millisecond }; if (/(y+)/.test(format) || /(Y+)/.test

12306 抢票系列之只要搞定RAIL_DEVICEID的来源,从此抢票不再掉线(上)

阅读更多关于 12306 抢票系列之只要搞定RAIL_DEVICEID的来源,从此抢票不再掉线(上)

郑重声明: 本文仅供学习使用,禁止用于非法用途,否则后果自负,如有侵权,烦请告知删除,谢谢合作! 开篇明义本文针对自主开发的抢票脚本在抢票过程中常常遇到的请求无效等问题,简单分析了 12306 网站的前端加密算法,更准确的说,是探究 RAIL_DEVICEID 的生成过程. 因为该 cookie 值是抢票请求的核心基础 ,没有它将无法正确发送请求,或者一段时间后就会到期失效需要重新获取,或者明明更改了浏览器用户代理(navigator.userAgent)标识却还是被限制访问… 因为它并不是真正的客户端标识,只是迷惑性战术,浏览器唯一标识其实是 RAIL_OkLJUJ 而它却被 12306 网站设计者故意没有添加到 cookie ,因此造成了很强的欺骗性,编程真的是一门艺术! 你以为你的爬虫已经可以正常模仿浏览器,殊不知,只要没搞懂谁才是真正的浏览器标识,那么再怎么换马甲也难逃造假事实 . 上图展示了 RAIL_OkLJUJ 的存在位置,可能是为了兼容市面上绝大数浏览器 ,也可能是为了联合各种前端缓存技术作为特征码 ,总是除了 cookie 之外, RAIL_OkLJUJ 存在于 Local Storage , Session Storage , IndexedDB 和 Web SQL 等. 值得注意的是,cookie 中故意没有设置 RAIL

JS基础

阅读更多关于 JS基础

一.JS介绍　　JS语言是浏览器脚本语言，可以编写运行在浏览器上的代码程序，书写在script标签中，属于解释器、弱语言类型编程语言。二.JS的组成 JS语言由ES语法、DOM（document object model）、BOM（browser object model）三部分组成。ES（ECMAScript）语法分为ES5和ES6。 1.行间式书写在一个个全局事件名属性中 <div id="ddd" onmouseover="this.style.color = 'red' " onmouseleave= "this.style.color = 'blue'">行间式</div> 2.内联式存在于标签script中，语法采用的是小驼峰命名法，属性的值都是用字符串形式进行赋值 <script id="d1"> d1,style.backgroundColor = "pink" </script> 3.外联式是通过script标签的src数据链接外部js文件 <script src= "js文件.js"></script> JS存在位置（JS出现在head标签底部：依赖型JS库；出现在body标签底部：功能型JS脚本） JS以；分号标识语句的结束，以作用域（{}）标识附属关系三.JS变量 ES5语法: var ddd=1；无块级作用域变量 ddd=1；全局变量

JS中的“==”与强制类型转换

阅读更多关于 JS中的“==”与强制类型转换

JavaScript中有“==”与“===”，那么他们有何区别呢？对于基本数据类型， === （!==）只有当两个变量的类型和值都相等时，才返回true；而 == （!=）则会对变量进行强制类型转换，只要转换后的值相等，则换回true。下面结合代码讲一下在转换不同的数据类型时,相等 == 和不相等 != 操作符遵循的强制转型基本规则： 1. 如果有一个操作数是布尔值,则在比较相等性之前先将其转换为数值：false转换为0,而true转换为1; false == 0 //true true == 1 //true true == 3 //false 2. 如果一个操作数是字符串,另一个操作数是数值,在比较相等性之前先将字符串转换为数值; "123" == 123 //true 3. 如果一个操作数是对象,另一个操作数不是,则调用对象的valueof ()方法,用得到的基本类型值按照前面的规则进行比较； var a = [ 1 , 2 , 3 ] alert(a == "1,2,3") //true, a.valueOf()为"1,2,3" 需要注意的是： a. null和undefined是相等的，null和undefined不能转换成其他任何值； null == undefined //true undefined == 0 //false null == 0 /

订阅 js代码