jQuery获取iframe的document对象的方法

2017年02月06日 12 阅读

获取iframe的document对象的目的就是进行dom的操作$（function（） {var result = $（"#myframe"）.prop（"contentWindow"）.document;console.log（result）;}）;这样输出来的结果是：document对象...

js点击button按钮跳转到另一个新页面

2017年02月06日 12 阅读

点击按钮怎么跳转到另外一个页面呢？我们在网站制作中可能是需要的，因为有时我们需要做这样的效果，尤其是将按钮做成一个图片，而点击图片要跳转到新的页面时，怎么做到呢？这样的效果可以：onclick="window.location="新页面"" 来实现。1.在原来的窗体中直接跳转用代码如下window.location.href="你所要跳转的页面";2、在新窗体中打开页面用：代码如下window.open（"你所要跳转的页面"）;window.history...

Jquery $.getJSON 在IE下的缓存问题解决方法

2017年02月06日 12 阅读

在工作中主页实现Ztree Ztree的数据是后台返回的JSON对象因为树是固定的所以每次刷新树$.getJSON 的url都是相同的 问题来了 我修改 或者 新增树节点 然后刷新tree IE竟然毫无变化 在其他浏览器上面都OK这让我纠结了然后在网上搜索了一下资料发现 解决办法解决办法：Jquery 的 $.getJSON请求有一个缓存机制 就是在请求相同URL访问后台时候 他会直接从页面缓存的数据中取出来数据 而不是请求后台所以我们要改变一个URL这是...

分享20款美化网站的 jQuery Lightbox 灯箱插件

2017年02月06日 12 阅读

jQuery Lightbox 灯箱插件可以让你为您的网站和应用程序展示优雅的图像，视频 和其它内容（使用模式窗口）。如果你是一个开发人员，你必须拥有 jQuery 灯箱插件集合，因为有一部分的客户会要求他们的网站看起来更有吸引力和视觉冲击力。 因此在这个集合中，我们编译了20款最好的 jQuery 灯箱插件清单，这将有助于开发人员创建和设计精美的网站。您可以将这些插件很容易地集成到您的网站，可以下载他们瞬间充实你的插件库。1. lightGallery...

探讨js字符串数组拼接的性能问题

2017年02月06日 12 阅读

我们知道，在js中，字符串连接是性能最低的操作之一。例如：复制代码 代码如下:var text="Hello"; text+=" World！"; 早期浏览器没有对这种运算进行优化。由于字符串是不可变的，这意味着要创建中间字符串来存储连接的结果。频繁地在后台创建和销毁字符串导制性能异常低下。因此，可以利用数组对象进行优化。例如：var buffer=[],i=0; buffer[i++]="Hello";//通过相应索引值添加元素比push方法快 buff...

原生Javascript封装的一个AJAX函数分享

2017年02月06日 12 阅读

最近的工作中涉及到大量的ajax操作,本来该后台做的事也要我来做了.而现在使用的ajax函数是一个后台人员封装的—-但他又是基于jquery的ajax,所以离开了jquery这个函数就毫无作用了.而且我觉得,jquery的ajax方法是很完善的了,可以直接用,如果都有jquery了,那么他的ajax就不用白不用了.我缺少的是一个能在没有jquery的情况下使用的ajax方法.所以我也花一天时间写了一个,参数与调用方法类似于jquery的ajax.就叫xhr...

JavaScript中最简洁的编码html字符串的方法

2017年02月06日 12 阅读

html字符串是指"<div id=”a”>aklsdjfklsjdfl</div>"这样的带html特殊符号的字符串，我们通常要对他进行处理再输出以免输出成了真正的html元素，也就是把<变成<这样的html符号代码。如果字符串很长，里面特殊符号很多，我们该怎么简单而高效的把他们全部转码呢？循环？正则表达式？都不用！且看：复制代码 代码如下:function bian（a）{return new Option（a）.i...

JavaScript中获取鼠标位置相关属性总结

2017年02月06日 12 阅读

javascript并没有mouse对象，获取鼠标坐标要靠强大的event对象。我们通过监听document的mousemove，就可以实时获得鼠标位置。但是！！event中和鼠标相关的属性太多了，很让人头大！如下：event.layerXevent.layerYevent.clientXevent.clientYevent.pageXevent.pageYevent.offsetXevent.offsetYevent.screenXevent.scree...

JavaScript定义变量和变量优先级问题探讨

2017年02月06日 12 阅读

看下面的代码：复制代码 代码如下:if （！（"aa" in window）） { alert（"oh my god"）; var aa = 1; } alert（"aa" in window）;alert（aa）;回答以下问题：会报错吗？会弹出几次？第2个alert是true还是false?第3个alert弹出什么？为什么？思考下，然后测试下，如果你回答正确，那么后面的文章就不用看了。－－－－－－－－－－－－－－－－－－－－－－－－－－－－－在...

JavaScript中实现PHP的打乱数组函数shuffle实例

2017年02月06日 13 阅读

PHP 里面有个非常方便的打乱数组的函数 shuffle（） ，这个功能在许多情况下都会用到，但 javascript 的数组却没有这个方法，没有不要紧，可以扩展一个，自己动手，丰衣足食嘛。请刷新页面查看随机排序效果。复制代码 代码如下:<script type="text/javascript">//<！[CDATA[// 说明：为 Javascript 数组添加 shuffle 方法var shuffle = function（v）{...

JavaScript中实现最高效的数组乱序方法

2017年02月06日 12 阅读

数组乱序的意思是，把数组内的所有元素排列顺序打乱。常用的办法是给数组原生的sort方法传入一个函数，此函数随机返回1或-1，达到随机排列数组元素的目的。复制代码 代码如下:arr.sort（function（a,b）{ return Math.random（）>.5 ? -1 : 1;}）;这种方法虽直观，但效率并不高，经我测试，打乱10000个元素的数组，所用时间大概在35ms上下（firefox）本人一直具有打破沙锅问到底的优良品质，于是...

打造个性化的功能强大的Jquery虚拟键盘（VirtualKeyboard）

2017年02月06日 12 阅读

最近做项目，我负责做网页前端，客户需要利用触摸屏进行操作，不外接鼠标键盘，但要求能录入文字，包括数字，英文，中文。思考了一下，决定用JS实现虚拟键盘。首先上网搜索了一下JS虚拟键盘，在经过仔细筛选后，相中了VirtualKeyboard，一款功能强大的JS虚拟键盘插件。先简单介绍一下VirtualKeyboard，它内置了100多种键盘布局和200多种输入法，9套可选皮肤方案，而且支持自建输入法，功能相当强大。先附上下载地址，目前的最新版本3.94：htt...

jquery动态加载js/css文件方法（自写小函数）

2017年02月06日 12 阅读

先来看jquery自带的getSrcript文件方法$.getScript（url,callback）实例复制代码 代码如下:var testVar = "New JS loaded！";alert（testVar）; function newFun（dynParam） {alert（"You just passed "+dynParam+ " as parameter."）;}动态调用方法复制代码 代码如下:<script type="text/j...

JS 获取鼠标左右键的键值方法

2017年02月06日 13 阅读

function test（） { alert（event.x+" "+event.y）; alert（event.button）; } /*右键菜单不显示*/ document.oncontextmenu=function（） { return false; } /*document.onmousedown=function（） { if（event.button==1） {alert（"left"）} if（event.button==2） {aler...

ie8模式下click无反应点击option无反应的解决方法

2017年02月06日 12 阅读

想起了小学时候数不尽的一件小事，哎，那夕阳下的奔跑，是我逝去的青春啊。言归正传，先上图：<select id="cardNoList" size="4"></select>实现的效果比较常见的一种，点击select里面的option，将其赋值到上面的input，直接用jQuery写的：复制代码 代码如下:$（"#cardNoList option"）.click（function（）{$（"#card"）.attr（"value",...

innerHTML动态添加html代码和脚本兼容多个浏览器

2017年02月06日 12 阅读

症状：给某个元素的 innerHTML 设置值时，如果提供的 HTML 代码中包含js脚本，很多时候这些脚本无效，或者在某种浏览器上有效，但在其它浏览器上无效。原因：不同浏览器对插入 innerHTML 中的脚本有不同的处理方法。经过实践，归纳如下：对于IE，首先, script 标签必须带 defer 属性，其次,在插入时刻，innerHTML 的所属节点必须在 DOM 树中.对于 Firefox 和Opera，在插入时刻，innerHTML 的所属节点...

Json实现异步请求提交评论无需跳转其他页面

2017年02月06日 12 阅读

主要将代码粘贴，通过阅读代码理解其中的相关逻辑。html代码：<form id="form1" runat="server"> <p> 评论：</p> <p> 姓名：<input type="text" name="username" id="username1" /></p> <p> 内容：<textarea name="content" id="content" ...

5个JavaScript经典面试题

2017年02月06日 12 阅读

1：Scope作用范围复制代码 代码如下:（function（） { var a = b = 5;}）（）;console.log（b）;什么会被打印在控制台上？回答上面的代码会打印 5。这个问题的诀窍是，这里有两个变量声明，但 a 使用关键字var声明的。代表它是一个函数的局部变量。与此相反，b 变成了全局变量。这个问题的另一个诀窍是，它没有使用严格模式 （‘use strict";）。如果启用了严格模式，代码就会引发ReferenceError的错误：...

JQuery 使用attr方法实现下拉列表选中

2017年02月06日 13 阅读

html代码如下：<select id="category" name="category"><option value="">请选择类别</option><option value="1">类别1</option><option value="2">类别2</option><option value="3">类别3</option><opti...

js的touch事件的实际引用

2017年02月06日 12 阅读

一开始做前端页面的时候，接触的也是js，但是随后便被简单高效的jquery吸引过去，并一直使用至今。而js，则被我主观的认为底层技术而抛弃。直到这几天工作需要，研究移动端页面的触屏滑动事件，搜索jquery 的相应技术支持实在繁琐（当然也可能是我对jquery的理解不够），而js只需几步简单定义即可。由于对js的了解比较少，最简单的应用我都试了很久……下面就分享下js的touch事件的实际引用：$（function（）{document.addEventL...