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

基于Bootstrap实现下拉菜单项和表单导航条（两个菜单项，一个下拉菜单和登录表单导航条）

2016年07月29日 16 阅读

效果图如下所示：实现代码如下：<！DOCTYPE html><html lang="zh-cn"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"...

基于Bootstrap实现的下拉菜单手机端不能选择菜单项的原因附解决办法

2016年07月29日 20 阅读

基于Bootstrap做的下拉菜单在电脑浏览器中可正常使用，在手机浏览器中能弹出下拉列表，却不能选择列表中的菜单项，通过自己百度查找原因将bootstrap脚本文件中的ontouchstart 替换为 disable-ontouchstart可以解决，替换后并不能解决。（红米手机UC浏览器不支持，小米手机UC浏览器正常，其他暂时未测试）jquery：v1.11.2bootstrap：v3.3.4以下为前台页面代码：<div class="input-...

基于bootstrap实现广告轮播带图片和文字效果

2016年07月29日 16 阅读

代码如下所示：<！DOCTYPE html><html lang="zh-cn"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><...

javaScript事件机制兼容【详细整理】

2016年07月29日 18 阅读

【添加事件机制】 addEventListener 和 attachEvent[W3C]addEventListener（"click" , function（）{alert（"Hello World"）} ,false ） //W3C规范添加事件（IE8及以上不兼容）；第一个参数为事件类型，第二个为事件程序，第三个 false为事件冒泡，true为事件捕获[IE]attachEvent（"onclick",function（）{alert（"Hel...

js事件驱动机制浏览器兼容处理方法

2016年07月29日 14 阅读

3.1. 事件是如何产生的 *第一种情况，用户对网页做了某些操作，比如，点击了一个按钮，产生点击事件。第二种情况，用户没有对网页做操作，也可能产生事件，比如浏览器已经将整个页面加载完毕，会产生加载完成事件。当事件产生以后，浏览器会查找产生事件的节点有没有绑订相应的事件处理代码。如果有，则调用该代码来处理。如果没有，会继续向上查找父节点，有没有对应的事件处理代码（事件冒泡）。3.2. 绑订事件处理代码 **1）绑订事件处理代码到html标记乊上比如: &...

js的各种排序算法实现（总结）

2016年07月29日 15 阅读

如下所示：// ---------- 一些排序算法var Sort = {}Sort.prototype = { // 利用sort进行排序 systemSort:function（array）{return array.sort（function（a, b）{return a - b;}）;},// 冒泡排序bubbleSort:function（array）{var i = 0, len = array.length,j, d;for（; i<l...

数据结构中的各种排序方法小结（JS实现）

2016年07月29日 13 阅读

新技术一直在不断变化，掌握一些基础是未来学习不断更新的技术的坚实基础。近来闲来无事,为了温习一下从前学的数据结构，将数据结构中的排序算法用JS实现了一遍，并在本文末尾处嵌入了DEMO。简单排序冒泡排序冒泡排序是最简单排序算法,时间复杂度为n的平方,代码如下:function bubbleSort（array） {for （var i = 0; i < array.length; i++） {for （var j = array.length; j &...

jquery实现ajax加载超时提示的方法

2016年07月29日 16 阅读

本文实例讲述了jquery实现ajax加载超时提示的方法。分享给大家供大家参考，具体如下：index.php<！doctype html><html><head><meta charset="utf-8"/><title>加载超时</title><script type="text/javascript" src="http://lib.sinaapp.com/js/jquery...

js简单实现调整网页字体大小的方法

2016年07月29日 11 阅读

本文实例讲述了js简单实现调整网页字体大小的方法。分享给大家供大家参考，具体如下：//var tgs = new Array（"div","td","tr"）;var tgs = new Array（"td","tr"）;//Specify spectrum of different font sizes://var szs = new Array（ "xx-small","x-small","small","medium","large","x-larg...

基于jQuery实现多标签页切换的效果（web前端开发）

2016年07月29日 13 阅读

这里，实现多标签页效果的方法有两个，一个是基于DOM的，另一个是基于jquery的，此次我写的是一个对于一个电话套餐的不同，显示不同的标签页方法一：首先，我们要把页面的大体框架和样式写出来，html和css代码如下：<ul id="tab"><li id="tab1" onclick="show（1）">10元套餐</li><li id="tab2" onclick="show（2）">30元套餐</l...

省市二级联动小案例讲解

2016年07月29日 17 阅读

在网页开发过程中，选择省市的时候，省市之间有关联，这是一个小小的二级联动案例，运用到HTML、css、php、js以及AJAX的异步请求首先建立city.php和province.php文件和connet.html，将二级联动的大概结构写出来，html代码如下：<label>省份:</label><select id="province"> <option>请选择</option></s...

JavaScript学习小结之使用canvas画“哆啦A梦”时钟

2016年07月29日 15 阅读

前言：今天看完了Js书的canvas画布那张，好开心~又是心爱的canvas~欧耶~之前看到有人建议我画蓝胖子，对哦，我怎么把童年最喜欢的蓝胖子忘了，为了表达我对蓝胖子的歉意，所以今天画了会动的hello world，也算是一种进步咯~好的各位，请上车的乘客往里走，请不要堵塞通道，谢谢。我们开车吧~正文：今天先上图吧，看看效果再说今天的蓝胖子长这样，看到它还是这么胖，我就放心了。这世界还是充满正能量的，总归还有人比我胖，哈哈哈然后是上代码html部分<...

JavaScript提高网站性能优化的建议（二）

2016年07月29日 18 阅读

在javascript关于提高网站性能的几点建议（一）中，从HTTP请求到页面渲染几个方面对提高网站性能提出了几点建议，本文是学习Steve Sounders的另外一本书《高性能网站建设进阶指南》之后，从JavaScript性能的角度进行总结概括，诸君共勉。JavaScript性能是实现高性能Web应用程序的关键——Steve Sounders1 利用js作用域链作用域链（scope chain）当执行一段JavaScript代码（全局代码或函数）时，Ja...

JavaScript关于提高网站性能的几点建议（一）

2016年07月29日 18 阅读

近在学习《高性能网站建设指南》这本书，本文算是一个学习笔记，将学到的东西进行整理一下，方便后面查看。性能黄金法则（Performance Golden Rule）解释了只有10%~20%的最终用户响应时间花在接受所请求的用户HTML文档上，剩余的80%~90%时间花在为HTML文档所引用的所有组件（图片、脚本、样式表等）进行的HTTP请求上，最终用户响应时间花费在页面组件上 ——Steve Sounders1 文件合并（减少HTT...

JS中的==运算： ['] == false —>true

2016年07月29日 11 阅读

计算下面表达式的值：[""] == false首先，两个操作数分别是对象类型、布尔类型。根据图1，需要将布尔类型转为数字类型，而false转为数字的结果是0，所以表达式变为：[""] == 0两个操作数变成了对象类型、数字类型。根据图1，需要将对象类型转为原始类型：首先调用[].valueOf（），由于数组的valueOf（）方法返回自身，所以结果不是原始类型，继续调用[].toString（）。对于数组来说，toString（）方法的算法，是将每个元素都...

关于input全选反选恶心的异常情况

2016年07月29日 12 阅读

上一篇讲到：第一次点击全选按钮input显示对勾，第二次则不显示，需要用prop来添加checked属性。但是用prop会出现一个问题，对勾显示，而checked属性不会被添加（比如：$（"input[type="checkbox"][name="che"]"）.attr（"checked"）获取结果为undefined），这样就无法通过if语句判断是否选中，从而实现反选功能。我们先来理一下思路：既然“反选”功能的实现是通过判断是否有checke...

深入理解javascript作用域第二篇之词法作用域和动态作用域

2016年07月29日 13 阅读

前面的话大多数时候，我们对作用域产生混乱的主要原因是分不清楚应该按照函数位置的嵌套顺序，还是按照函数的调用顺序进行变量查找。再加上this机制的干扰，使得变量查找极易出错。这实际上是由两种作用域工作模型导致的，作用域分为词法作用域和动态作用域，分清这两种作用域模型就能够对变量查找过程有清晰的认识。本文是深入理解javascript作用域系列第二篇——词法作用域和动态作用域词法作用域第一篇介绍过，编译器的第一个工作阶段叫作分词，就是把由字符组成的字符...

javascript中sort排序实例详解

2016年07月29日 22 阅读

代码如下所示：var arr = [5,32,28,66,2,15,3];arr.sort（function（a1,a2）{return a1-a2; //a2-a1 输入倒序}）;console.log（arr）;console.log（arr.reverse（））; //reverse颠倒数组中元素的顺序 var arr2 = ["hezihao","chensan","xiaomin","lishi"]arr2.sort（）;console.log（...

JavaScript表单焦点自动切换代码

2016年07月29日 17 阅读

废话不多说，关键代码如下所示：---恢复内容开始---<html> <head> <script>window.onload=function（）{ var form=document.getElementsByTagName（"form"）[0]; var txt=form.elements["txt1"]; var txt1=form.elements["txt2"]; ...

JavaScript禁止用户多次提交的两种方法

2016年07月29日 13 阅读

【当服务器超载时，会出现提交卡顿的现象，但是用户在操作时，会不停重复点击提交，会造成服务器压力更大。所以我们需要进行限制】[1]将提交按钮禁止<html> <head> <script> //禁止默认行为因为这里要模拟服务器超载的时候，所以需要先禁止掉submit按钮自动提交的功能 function preventDef（event）{ event=event||window.event...

首页 / 脚本样式 / JavaScript

基于Bootstrap实现下拉菜单项和表单导航条（两个菜单项，一个下拉菜单和登录表单导航条）

基于Bootstrap实现的下拉菜单手机端不能选择菜单项的原因附解决办法

基于bootstrap实现广告轮播带图片和文字效果

javaScript事件机制兼容【详细整理】

js事件驱动机制 浏览器兼容处理方法

js的各种排序算法实现（总结）

数据结构中的各种排序方法小结（JS实现）

jquery实现ajax加载超时提示的方法

js简单实现调整网页字体大小的方法

基于jQuery实现多标签页切换的效果（web前端开发）

省市二级联动小案例讲解

JavaScript学习小结之使用canvas画“哆啦A梦”时钟

JavaScript提高网站性能优化的建议（二）

JavaScript关于提高网站性能的几点建议（一）

JS中的==运算： ['] == false —&gt;true

关于input全选反选恶心的异常情况

深入理解javascript作用域第二篇之词法作用域和动态作用域

javascript中sort排序实例详解

JavaScript表单焦点自动切换代码

JavaScript禁止用户多次提交的两种方法

js事件驱动机制浏览器兼容处理方法

JS中的==运算： ['] == false —>true