Welcome

首页 / 脚本样式 / JavaScript

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

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

省市二级联动小案例讲解

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

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

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

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

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

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

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

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

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

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

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

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

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

javascript中sort排序实例详解

2017-02-06 17
代码如下所示：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表单焦点自动切换代码

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

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

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

多功能jQuery树插件zTree实现权限列表简单实例

2017-02-06 15
zTree 是一个依靠jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。zTree官网zTreeAPI下载链接页面主要引入一下几个文件：<link type="text/css" rel="stylesheet" href="zTree/zTreeStyle.css" /><script type="text/javascript" src="js/jquery.ztree.core-...

浅谈javascript中的加减时间

2017-02-06 16
上午在处理一些js中的日期参数的时候遇到了一点问题，不晓得如何加减时间。最初的想法是自己分别取出year，month，day，hour，minute，second，然后手动加。。。开始想直接来个借位符就好了，后来一想，哪有那么容易。最后，经过一个上午的摸索，终于搞定了。首先是怎么显示一个标准的日期时间格式 "yyyy-mm-dd hh:MM:ss"，暂时做法是先var dtNow=new Date（）。//当前时间标准的日期时间就拼出来，dtNow.get...

javascript加减乘除的简单实例

2017-02-06 16
javascript加减乘除的简单实例<html><head><meta http-equiv="Content-Type" content="text/html;charset=utf-8" /></head><script language="javascript" type="text/javascript">//除法函数function accDiv（arg1,arg2）{var t1 =...

Javascript iframe交互并兼容各种浏览器的解决方法

2017-02-06 17
在Web前端开发中，我们经常会用到iframe这个控件。但是这个控在内、外交互时，往往各个浏览器所用的关键字不同，很是麻烦，为了能够得到子iframe中的window对象，各家浏览器有着各家的指定，有的是window，有的是contentWindow等等也许还有我们不知道的。但是从子页面访问父层页面，其本上大家都是window.parent就可以了。那么通过这个特征，我们可以在子页面中，把自身的window对象传递给父页面就可以了，这样父页面就很轻松的访问...

html+js实现简单的计算器代码（加减乘除）

2017-02-06 16
html+js实现简单的计算器代码（加减乘除）<！DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title></head><body><table><tr> <td>&...

JavaScript动态添加事件之事件委托

2017-02-06 16
先给大家讲下什么是事件委托：通俗的讲，事件就是onclick，onmouseover，onmouseout，等就是事件，委托呢，就是让别人来做，这个事件本来是加在某些元素上的，然而你却加到别人身上来做，完成这个事件。也就是：利用冒泡的原理，把事件加到父级上，触发执行效果。其所谓的动态添加事件实质就是指js中的事件委托。我们知道在js中，事件处理只能绑定在当前被选中的元素上，换句话也就是说，事件处理只能绑定在当前文档已经存在的元素上！但是，往往小伙伴们都会遇...

原生js实现class的添加和删除简单代码

2017-02-06 15
实例代码：function hasClass（ elements,cName ）{ return ！！elements.className.match（ new RegExp（ "（\s|^）" + cName + "（\s|$）"） ）; }; function addClass（ elements,cName ）{ if（ ！hasClass（ elements,cName ） ）{ elements.className += " " + cName;...

JavaScript中的事件委托及好处

2017-02-06 16
1，什么是事件委托：通俗的讲，事件就是onclick，onmouseover，onmouseout，等就是事件，委托呢，就是让别人来做，这个事件本来是加在某些元素上的，然而你却加到别人身上来做，完成这个事件。也就是：利用冒泡的原理，把事件加到父级上，触发执行效果。好处呢：1，提高性能。我们可以看一个例子：需要触发每个li来改变他们的背景颜色。<ul id="ul"><li>aaaaaaaa</li><li>b...

jQuery插件学习教程之SlidesJs轮播+Validation验证

2017-02-06 16
SlidesJs（轮播支持触屏）——官网（http://slidesjs.com）1.简介SlidesJs是基于Jquery（1.7.1+）的响应幻灯片插件。支持键盘，触摸，css3转换。2.代码<！doctype html><head><style>/* Prevents slides from flashing */#slides {display:none;}</style><script src...
<< 151 152 153 154 155 156 157 158 159 160 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图