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

基于node.js依赖express解析post请求四种数据格式

2017年02月15日 109 阅读

node.js依赖express解析post请求四种数据格式分别是这四种:www-form-urlencodedform-dataapplication/jsontext/xml1、www-form-urlencoded这是http的post请求默认的数据格式，需要body-parser中间件的支持服务器端的demo：var express = require（"express"）;var app = express（）;var bodyParser = ...

简单实现js倒计时功能

2017年02月15日 127 阅读

本文实例为大家分享了js倒计时的具体代码，主要使用了JS的Date对象和定时器setInterval，供大家参考，具体内容如下<！DOCTYPE html> <html><head><title> 倒计时 </title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name=...

利用Javascript实现简单的转盘抽奖

2017年02月15日 136 阅读

首先来看看接口说明：var _rotate = new iRotate（"#div",{ start : 0, //开始角度，可不写，默认0 end :45, //结束角度 time :5000, //持续时间，可不写，默认1000 easing : "easeOut", //动画形式，目前只有"linear"和"easeOut"两种，可不写，默认"easeOut" callback : function（）{ //回调函数//this为当前对象 }}）;...

JS中解决谷歌浏览器记住密码输入框颜色改变功能

2017年02月15日 141 阅读

谷歌浏览器记住密码输入框颜色会改变，并且字体颜色会变成黑色，如图输入框原来的样式是这样的然而记住密码后，输入框颜色就变成了黄色，并且字体变成了黑色这是由于谷歌浏览器的自带样式的缘故：input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color: rgb（250, 255, 189）; background-image: no...

jquery实现轮播图效果

2017年02月15日 81 阅读

效果如下：代码如下：<！DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>slider</title> <style type="text/css"> *{ margin: 0; padding: 0; } #slideshow{ position: relative; width: 512p...

jQuery中 bind的用法简单介绍

2017年02月15日 122 阅读

bind介绍bind（）方法为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数。语法$（selector）.bind（event,data,function）event 必须。添加到元素的一个或多个事件如：click,mouseover,mouseup，change，selectdata 可不填。传递到函数的额外数据，如：$（selector）.bind（“click”,”input”,function（）{}）;function（）{} ...

jQuery Ajax全解析

2017年02月15日 95 阅读

什么是AjaxAjax基本概念Ajax（Asynchronous JavaScript and XML）:翻译成中文就是异步的JavaScript和XML。从功能上来看是一种在无需重新加载整个网页的情况下能够更新部分网页的技术。传统的网页想要更新内容或者提交表单就要重新加载或刷新页面。使用ajax技术的网页通过后台服务器进行少量的数据交换，网页就可以实现异步局部跟新。Ajax出现前Ajax技术出现之前，是一个同步交互的世界。同步：客户端发出请求，服务端去...

Bootstrap选项卡学习笔记分享

2017年02月15日 113 阅读

本文实例为大家分享了Bootstrap选项卡的学习笔记，供大家参考，具体内容如下tab选项卡<body><div class="container"><！-- tab选项卡 --><ul class="nav nav-tabs"><li class="active"><a href="#pan1" data-toggle="tab">发现</a></li><...

JavaScript中从setTimeout与setInterval到AJAX异步

2017年02月15日 92 阅读

setTimeout与setInterval执行首先我们看一下以下代码打印结果console.log（1）;setTimeout（function（） { console.log（2）; },100）setTimeout（function（） { console.log（3）; },50）console.log（4）; 打印结果是 1、4、3、2，你可能觉得理所应当，那我们再看下下面这个例子console.log（1）;setTimeout（func...

Canvas实现动态的雪花效果

2017年02月15日 82 阅读

效果如下：代码如下：<！DOCTYPE html><html><head> <meta charset="utf-8"> <title>Canvas</title> <style type="text/css"> *{ margin: 0; padding: 0; } html, body{ height: 100%; } #myCanvas{ background-col...

js实现textarea限制输入字数

2017年02月15日 130 阅读

实现textarea限制输入字数（包含中文只能输入10个，全ASCII码能够输入20个）textarea称文本域，又称文本区，即有滚动条的多行文本输入控件，在网页的提交表单中经常用到。与单行文本框text控件不同，它不能通过maxlength属性来限制字数，为此必须寻求其他方法来加以限制以达到预设的需求。通常的做法就是使用#脚本语言来实现对textarea文本域的字数输入限制，简单而实用。假设我们有一个id为 txta1 的textarea文本区，我们可以...

微信小程序-获得用户输入内容

2017年02月15日 102 阅读

在微信小程序里，如何获得用户输入的内容？？js： document.getElementById（"Content"）.valuejq：$（"#Content"）.val（）在微信小程序中并不能这样写。可以通过组件的属性 bindchange 将用户输入的储存存起来test.wxml<input id="postalCode" bindchange="bindChange" type="number" placeholder="输入邮政编码" aut...

你真的了解BOM中的history对象吗

2017年02月15日 88 阅读

前面的话 history对象保存着用户上网的历史记录，从窗口被打开的那一刻算起。由于安全方面的考虑，开发人员无法得到用户浏览器的URL，但借由用户访问过的页面列表，可以在不知道实际URL的情况下实现后退和前进。本文将详细介绍BOM中的history对象length history.length属性保存着历史记录的URL数量。初始时，该值为1。如果当前窗口先后访问了三个网址，history.length属性等于3 由于IE10+浏览器在初始时返回2，...

使用ionic在首页新闻中应用到的跑马灯效果的实现方法

2017年02月15日 94 阅读

在app中经常会有滚动的跑马灯效果的运用，如图所示为跑马灯效果：代码如下：html：<div class="shouRight"> <ul class="slideTopbox" slide-scroll style="top:0px;"><li><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" r...

jQuery实现大图轮播

2017年02月15日 88 阅读

css样式：*{ margin: 0; padding: 0;}ul{ list-style:none;}.slideShow{ width: 620px; height: 700px; /*其实就是图片的高度*/ border: 1px #eeeeee solid; margin: 100px auto; position: relative; overflow: hidden; /*此处需要将溢出框架的图片部分隐藏*/}.slideShow ul{ w...

Nodejs+Socket.io实现通讯实例代码

2017年02月15日 108 阅读

目录结构D:. │ package.json │ server.js │ └─public index.html socket.io.js需要的条件socket.io.js 供前端界面初始化iosocket.io 供NodeJs端提供socket方法socket.io.js存在于socket.io-clientsocket.io存在于socket.io演示的功能客户端发送消息给服务端后端触发事件告知客户端客户端离开触发服务端事件服务端server.jsva...

详解javascript立即执行函数表达式IIFE

2017年02月15日 136 阅读

一、IIFE解释全拼Imdiately Invoked Function Expression，立即执行的函数表达式。像如下的代码所示，就是一个匿名立即执行函数:（function（window, undefined）{ // 代码... }）（window）;二、括号的意义2.1 包住function（）{}的括号的意义这个括号的目的，是为了把function（）{}转化为表达式。像一些库的源码，喜欢用如下方式代替:~function（）{ // 代码....

判断横屏竖屏（三种）

2017年02月15日 213 阅读

在做移动端页面的时候经常会遇到需要判断横屏还是竖屏。下面将目前已知的通过HTML，CSS，JS三种判断方法记录下来，方便以后翻阅。1、通过在html中分别引用横屏和竖屏的样式： <link rel="stylesheet" media="all and （orientation:portrait）" href="portrait.css" rel="external nofollow" >//引用竖屏的CSS <link rel="s...

bootstrap table 数据表格行内修改的实现代码

2017年02月15日 127 阅读

js中设置列的属性 editable :{type : "text",//数据显示在文本框内emptytext : "--",//数据为空时显示validate : function（value） {if （$.trim（value） == ""） {return "不能为空";//修改是数据为空显示}}}js中设置bootstrop-table加载数据时属性onEditableSave : function（field, row, oldValue, ...

脚本div实现拖放功能（两种）

2017年02月15日 97 阅读

网页上有很多拖曳的操作，比如拖动树状列表，可拖曳的图片等。1.原生拖放实现<！doctype html><html lang="en"><head> <meta charset="utf-8"> <title>jQuery UI Autocomplete - Default functionality</title> <link rel="stylesheet" href="ht...

首页 / 脚本样式 / JavaScript

基于node.js依赖express解析post请求四种数据格式

简单实现js倒计时功能

利用Javascript实现简单的转盘抽奖

JS中解决谷歌浏览器记住密码输入框颜色改变功能

jquery实现轮播图效果

jQuery中 bind的用法简单介绍

jQuery Ajax全解析

Bootstrap选项卡学习笔记分享

JavaScript中从setTimeout与setInterval到AJAX异步

Canvas实现动态的雪花效果

js实现textarea限制输入字数

微信小程序-获得用户输入内容

你真的了解BOM中的history对象吗

使用ionic在首页新闻中应用到的跑马灯效果的实现方法

jQuery实现大图轮播

Nodejs+Socket.io实现通讯实例代码

详解javascript立即执行函数表达式IIFE

判断横屏竖屏（三种）

bootstrap table 数据表格行内修改的实现代码

脚本div实现拖放功能（两种）