体验js中splice（）的强大（插入、删除或替换数组的元素）

2017年02月06日 16 阅读

处理数组的方法很多，javascript splice（）算是最强大的了，它可以用于插入、删除或替换数组的元素。下面来一一介绍！ 1.删除-用于删除元素，两个参数，第一个参数（要删除第一项的位置），第二个参数（要删除的项数） 2.插入-向数组指定位置插入任意项元素。三个参数，第一个参数（其实位置），第二个参数（0），第三个参数（插入的项） 3.替换-向数组指定位置插入任意项元素，同时删除任意数量的项，三个参数。第一个参数（起始位置），第二个参数（删除的项数...

用JS提交参数创建form表单在FireFox中遇到的问题

2017年02月06日 20 阅读

在一个前端页面上，需要通过JavaScript来提交参数，使用JS创建form表单，将参数append到表单中进行提交，代码如下： Js代码: 复制代码 代码如下: functionloadConfig（gameUrl,skinId）{ vartemp=document.createElement（"form"）; temp.action="${createLink（controller:"mobileConfig",action:"beforeLaunc...

jQuery旋转插件—rotate支持（ie/Firefox/SafariOpera/Chrome）

2017年02月06日 18 阅读

网上发现一个很有意思的jQuery旋转插件，支持Internet Explorer 6.0+ 、Firefox 2.0 、Safari 3 、Opera 9 、Google Chrome，高级浏览器下使用Transform，低版本ie使用VML实现。 调用和方法： rotate（angle） angle参数：[Number] – 默认为 0 – 根据给定的角度旋转图片 例如: 复制代码 代码如下:$（"#img"）.rotate（45）;rotate（pa...

jquery选择器的选择使用及性能介绍

2017年02月06日 18 阅读

在写完第一回之后，看到了朋友们的回复，指出了我代码中的一些问题，确实由于时间仓促没有使用IDE，直接搞上了，又由于本人记忆力不好，所以把大小写都忘记了，还好晚上回家，用VS改了一下，呵呵，真是对不住大家了。 从这一讲开始，我们将直正接触一个JQ类库，学习一下JQ的写法，JQ的一些常用的命令等等，今天主要讲的是JQ里的选择器，这也是JQ的一大特点，这从它的名称jQuery中可以看到，主要功力体现在查询上。 前言：对于写在<script></...

jquery如何改变html标签的样式（两种实现方法）

2017年02月06日 20 阅读

对于如何修饰html标签，这对于js来说，可以通过setAttribute来设置标签的属性，通过getAttribute来得到标签的属性，而在jq中当然也可以实现类似的功能，方法上肯定比js要简化多了。 一 通过修改标签属性来改变它的样式 js设置和获取标签的属性 复制代码 代码如下: <script type="text/javascript"> window.onload = function （） { var attr = docum...

file模式访问网页时iframe高度自适应解决方案

2017年02月06日 20 阅读

最近做到iframe的高度自适应这个问题，网上一搜好多解决方案，而总结起来也就那几种，我逐一尝试这些方案，最后发现在我的项目中都不起作用，后来发现自己做的网页是通过file方式访问的，将网页代码放到apache下通过http协议访问，在iframe加载的时候调用如下js方法： 复制代码 代码如下: <SPANstyle="FONT-FAMILY:KaiTi_GB2312;FONT-SIZE:18px">functionSetWinHeight（...

JavaScript控制Session操作方法

2017年02月06日 20 阅读

看到这个题目，或许有人会提出疑问，JavaScript代表客户端，而Session代表的是服务器（不知道这样说大家是否能够理解）。 先说一下需求，我在做一个权限管理的时候，需要在点击某个模块时，Session中相应的改变模块代号，而实现这个操作的是一个a标签，当然我不知道 一个linkbutton是否可以同时将跳转页面和修改Session做了，个人感觉应该是可以的，具体能不能，如果有人做了Demo可以留言说明。a标签，实现页面的跳转，他的onclick事件...

JQuery中根据属性或属性值获得元素（6种情况获取方法）

2017年02月06日 18 阅读

根据属性获得元素 1.比如要获取页面p标签中属性有id的元素 复制代码 代码如下: $（"p[id]"）.css（"color","red"）; 根据属性值获得元素 1.$。在jQuery 中$（"<span>"），这个语法等同于$（document.createElement（"span"）） ，这是一种用法，在选择元素的时候还会这样子的用：[attribute$=value]，匹配给定的属性是以某些值结尾的元素。下面举个例子来说明一下： ...

jQuery链式操作如何实现以及为什么要用链式操作

2017年02月06日 20 阅读

两个问题 1.jQuery的链式操作是如何实现的？ 2.为什么要用链式操作？ 大家认为这两个问题哪个好回答一点呢？ 链式操作 原理相信百度一下一大把，实际上链式操作仅仅是通过对象上的方法最后 return this 把对象再返回回来，对象当然可以继续调用方法啦，所以就可以链式操作了。那么，简单实现一个： 复制代码 代码如下: //定义一个JS类 function Demo（） { } //扩展它的prototype Demo.prototype ={ se...

Javascript异步编程的4种方法让你写出更出色的程序

2017年02月06日 17 阅读

你可能知道，Javascript语言的执行环境是"单线程"（single thread）。 所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。 这种模式的好处是实现起来比较简单，执行环境相对单纯；坏处是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏览器无响应（假死），往往就是因为某一段Javascript代码长时间运行（比如死循环），导致整个页面卡在这个...

Javascript模块化编程（一）模块的写法最佳实践

2017年02月06日 20 阅读

随着网站逐渐变成"互联网应用程序"，嵌入网页的Javascript代码越来越庞大，越来越复杂。 网页越来越像桌面程序，需要一个团队分工协作、进度管理、单元测试等等......开发者不得不使用软件工程的方法，管理网页的业务逻辑。 Javascript模块化编程，已经成为一个迫切的需求。理想情况下，开发者只需要实现核心的业务逻辑，其他都可以加载别人已经写好的模块。 但是，Javascript不是一种模块化编程语言，它不支持"类"（class），更遑论"模块"（...

Javascript模块化编程（一）AMD规范（规范使用模块）

2017年02月06日 18 阅读

这个系列的第一部分介绍了Javascript模块的基本写法，今天介绍如何规范地使用模块。 （接上文） 七、模块的规范 先想一想，为什么模块很重要？ 因为有了模块，我们就可以更方便地使用别人的代码，想要什么功能，就加载什么模块。 但是，这样做有一个前提，那就是大家必须以同样的方式编写模块，否则你有你的写法，我有我的写法，岂不是乱了套！考虑到Javascript模块现在还没有官方规范，这一点就更重要了。目前，通行的Javascript模块规范共有两种：Comm...

Javascript模块化编程（三）require.js的用法及功能介绍

2017年02月06日 22 阅读

这个系列的第一部分和第二部分，介绍了Javascript模块原型和理论概念，今天介绍如何将它们用于实战。 我采用的是一个非常流行的库require.js。 一、为什么要用require.js？ 最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。后来，代码越来越多，一个文件不够了，必须分成多个文件，依次加载。下面的网页代码，相信很多人都见过。 复制代码 代码如下: <script src="1.js"><...

js replace正则表达式应用案例讲解

2017年02月06日 21 阅读

var url = "http://www.xxx.com/index.aspx？classid=9&id=2"; 要获取尾巴参数 定义变量 复制代码 代码如下: function parse_url（_url）{ //定义函数 var pattern = /（w+）=（w+）/ig;//定义正则表达式 var parames = {};//定义数组 url.replace（pattern, function（a, b, c）{ parames[b] = ...

javascript限制文本框只允许输入数字（曾经与现在的方法对比）

2017年02月06日 17 阅读

很多时候需要用到限制文本框的数字输入，试过许多方法，都不太理想，遂决定自己实现一个来玩玩。 曾经使用过的方法 通过onkeydown事件来控制只允许数字： 复制代码 代码如下: <input onkeydown="return event.keyCode>=48&&event.keyCode<=57||event.keyCode>=96&&event.keyCode<=105" /> 通过jQuery插件Masked ...

js+数组实现网页上显示时间/星期几的实用方法

2017年02月06日 15 阅读

复制代码 代码如下: <html> <head> <script type="text/javascript"> function startTime（） { var today=new Date（） var h=today.getHours（） var m=today.getMinutes（） var s=today.getSeconds（） // add a zero in front of numbers<1...

javascript改变position值实现菜单滚动至顶部后固定

2017年02月06日 19 阅读

现在很多网站都有这样的一个效果，当页面滚动到一定高度时，菜单栏会固定在页面顶部。其实就是改变 position 的值。 html 代码： 复制代码 代码如下: <！DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="...

使用jQuery.fn自定义jQuery翻页插件

2017年02月06日 18 阅读

第一次写jQuery插件。自己感觉写的也不怎么样。写jQuery插件利用的就是这个东东 jQuery.fn，例如 复制代码 代码如下: jQuery.fn.pluginName=function（）{}; 这个是我写的分页插件的样子 插件通过一个外放的函数来进行翻页操作，无论是点击前进、后退、还是改变页面大小，都会调用该函数。 先看看插件的代码结构 复制代码 代码如下: （function （$） { //存放插件所需的属性字段 var PagerFie...

分享一个我自己写的ToolTip提示插件（附源码）

2017年02月06日 19 阅读

继续分享一个我自己写的 ToolTip提示插件，希望大家支持我，给我点评论，哪怕骂我的也好啊，让我知道有人在关注我“小豆” 嘿嘿。废话不多说上代码！ 复制代码 代码如下: $.fn.ToolTip = function （option） { var defaults = { direction: "down", star: function （） { }, from: $（this）, url: "../images/arrow.png" }; //方法内...

使用jquery实现图文切换效果另加特效

2017年02月06日 15 阅读

前端开发过程中需要不断学习，不断温习。最近计划白天继续温习jquery，晚上学习下原生javascript，然后利用一些时间做做网站推广SEO来着。计划暂时这些。 白天活干完，弄个jquery仿凡客诚品图片切换的效果 以前写的不是很好，今天重新做个 jquery特效，其实很简单，漠然回首也就那回事。 先来个原型吧,锋利的jquery第一个例子，相信大家都很熟悉。没错，你绝对没看错。 代码如下 复制代码 代码如下: <div class="menu"&...