三种方式获取XMLHttpRequest对象

2016年07月27日 9 阅读

获取XmlHttpRequest对象 复制代码 代码如下: //1 function getXMLHttpRequest（） { var xmlHttpReq; try { // Firefox, Opera 8.0+, Safari xmlHttpReq = new XMLHttpRequest（）; } catch （e） { try {// Internet Explorer xmlHttpReq = new ActiveXObject（"Msxml...

jquery form 加载数据示例

2016年07月27日 11 阅读

部分代码如下 复制代码 代码如下: <form id="fm" method="post" novalidate> <div style="height:26px" class="fitem"> <label>区域:</label> <input class="easyui-combobox" id="areaId" name="areaId" url="getAreasList" //可以从后台得到数...

js unicode 编码解析关于数据转换为中文的两种方法

2016年07月27日 9 阅读

复制代码 代码如下: var str = "\u6211\u662Funicode\u7F16\u7801"; 关于这样的数据转换为中文问题，常用的两种方法。 1. eval 解析 复制代码 代码如下: str = eval（""" + str + """）; // "我是unicode编码" 2. unescape 解析 复制代码 代码如下: str = unescape（str.replace（/\u/g, "%u"））; // "我是unicod...

JavaScript获取flash对象与网上的有所不同

2016年07月27日 11 阅读

关于js获取flash对象，网上有非常多的例子，我也尝试了不少方法。 虽然都能用，但是没有我最想要的东西， 后来看了下百度的，虽然很规范，各种情况都考虑到了，但是代码量却不是不容乐观， 前前后后将近20行代码，压缩后也有 864 个字节。 所以本文诞生了。 我想测试并分享下网上收集的几种我比较满意的方法。 也顺便请大家帮忙测试下兼容性，有不兼容的在下面留个言，最好写上浏览器版本，这样我也好测试并修复代码。 下面来看代码吧。 复制代码 代码如下: funct...

JavaScript实现存储HTML字符串示例

2016年07月27日 9 阅读

我是搞PHP的，让我想起了<<<语法（heredoc和nowdoc），那么就为他命名heredoc吧。 复制代码 代码如下: Function.prototype.heredoc = function（）{ // 利用 function 的注释来存储字符串，而且无需转义。 var _str = this.toString（）, s_pos = _str.indexOf（"/*"）+2, e_pos = _str.lastIndexOf（"...

JavaScript函数的4种调用方法详解

2016年07月27日 9 阅读

在JavaScript中，函数是一等公民，函数在JavaScript中是一个数据类型，而非像C#或其他描述性语言那样仅仅作为一个模块来使用。函数有四种调用模式，分别是：函数调用形式、方法调用形式、构造器形式、以及apply形式。这里所有的调用模式中，最主要的区别在于关键字 this 的意义，下面分别介绍这个几种调用形式。本文主要内容：1.分析函数的四种调用形式2.弄清楚函数中this的意义3.明确构造函对象的过程4.学会使用上下文调用函数一、函数调用形式函...

JavaScript闭包实例讲解

2016年07月27日 9 阅读

这带来的好处是内部函数可以访问定义它们的外部函数的参数和变量。首先，我们来构造一个简单的对象。复制代码 代码如下:var testObj = { value: 10, add: function（inc）{ this.value += （typeof inc === "number"） ？ inc : 1; }};testObj.add（）;testObj.value; // 11testObj.add（2）; testObj.value; // 13这样...

JavaScript实现的图像模糊算法代码分享

2016年07月27日 9 阅读

项目中需要用到HTML5模糊图像，以前用GDI，GDI+中都有现成的组件来实现，HTML5中如何实现？1.createImageData（）2.getImageData（）3.putImageData（）以上3个函数即可实现，用法和奥义，自己百度吧,我就不重复叙述了，没多大的意义。以下是实现模糊算法的JS，其实还有种2B级算法就是分布矩阵，这样效率提高很多倍，不过效果很差，羽化的效果不强。实现代码：复制代码 代码如下:var mul_table = [ 5...

js隐式全局变量造成的bug示例代码

2016年07月27日 10 阅读

一段js代码遇到一个bug，由于中间的隐式全局变量造成的， 由于代码较多，通过谷歌浏览器的js调试器才找到问题所在， 话说本人的电脑无论如何都装不上fiefox,从去年开始尝试了多次，均以失败告终， 不过谷歌的调试也挺好用的。 简化代码如下： 复制代码 代码如下: $（function（）{ var pageNo = 2;//这个参数是变化的 var pageSize = 10; test（）; paginate（pageNo,pageSize）;//由于...

div失去焦点事件实现思路

2016年07月27日 9 阅读

看本文得先了解以下几个事件（摘自w3c）。 blur事件: 当元素失去焦点时发生 blur 事件。 focus事件:focus（） 方法用于赋予文本域焦点（也值让某些元素得到焦点事件）。 tabIndex属性:tabIndex 属性可设置或返回按钮的 tab 键控制次序。 我们都知道blur只是针对form表单控件的，而对于 span , div , li 之类的，则没办法触发它们的动作，现在我们只需要设置一个tabindex属性则可以触发它们的焦点事件了...

Area 区域实现post提交数据的js写法

2016年07月27日 10 阅读

在mvc区域的里 实现post 提交数据 的js写法！ 复制代码 代码如下: $（"#btnSava"）.click（function （） { if （$（"#text"）.val（）==""） { alert（"请输入你要说的话！~！"）; } else { $.post（"/control/action", { id: $（"#text"）.val（）}, function （data） { if （data == 0） { alert（"发表成功,...

jquery防止重复执行动画避免页面混乱

2016年07月27日 9 阅读

最近开发前台页面的时候遇到一个问题。juery时候mouseover……或者其他事件，发现鼠标滑动过快导致动画重复执行，以至于页面乱了。 解决办法： 可以先判断一下元素是否处于动画中。 如： 复制代码 代码如下: if（！$（".content"）.is（":animated"））{ //元素不处于动画中执行。 } ...

jquery分页插件jpaginate在IE中不兼容问题

2016年07月27日 11 阅读

下了个分页插件用，网上下载下来的demo在各ie版本下有点差别，但是还是可以用。 但是在我的页面中则不能正常显示。可能是因为div嵌套过多或者position定位造成的。 我改了下源码基本可以在ie7,ie8,ie9正常显示。以下是部分源码。发现用别人的东西出了问题很难搞啊。关键是那个ie啊。 复制代码 代码如下: var bVer = navigator.appVersion; var ver ; if（bVer.indexOf（"MSIE 7.0"） ...

js操作输入框中选择内容兼容IE及其他主流浏览器

2016年07月27日 10 阅读

工作中遇到需要给输入框中选中的内容增加超链接 复制代码 代码如下: function addHref（des）{ var selectedText=""; if（window.getSelection&&des ！= undefined）{//兼容非IE浏览器，由于非IE浏览器需要给定操作的元素ID才可以获取输入元素中选中的内容，因此需要输入ID var textField=document.getElementById（des）; var selecti...

iframe实用操作锦集

2016年07月27日 9 阅读

iframe高度设置为子页面高度 复制代码 代码如下: //需要使用Jquery $（document）.ready（function （） { parent.document.getElementById（"ifPage"）.style.height = document.body.scrollHeight + "px"; }）; iframe高度自适应于父页面 复制代码 代码如下: //需要使用Jquery $（window）.resize（func...

使用jQuery中的when实现多个AJAX请求对应单个回调的例子分享

2016年07月27日 10 阅读

我知道这些函数都是异步执行（asyncronously）并且会延迟一段时间返回,所以我想知道是否有一种方式,使我可以使用单个回调,并行地加载它们,就像JS加载器 curljs 所做的那样。 很幸运！ 通过jQuery.when, 我可以并发地加载两个请求,只执行一次回调！jQuery 脚本正如我提到的,下面是加载脚本和一个JSON资源的用例:复制代码 代码如下:$.when（$.getScript（"/media/js/wiki-min.js？build=...

javascript数字时钟示例分享

2016年07月27日 16 阅读

代码很简单，直接上代码了，大家可以复制下面的代码保存成HTML文件运行看效果复制代码 代码如下:<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><he...

JS使用getComputedStyle（）方法获取CSS属性值

2016年07月27日 12 阅读

在对网页进行调试的过程中，经常会用到js来获取元素的CSS样式，方法有很多很多，现在仅把我经常用的方法总结如下： 1. obj.style：这个方法只能JS只能获取写在html标签中的写在style属性中的值（style=”…”），而无法获取定义在<style type="text/css">里面的属性。 复制代码 代码如下: <span style="font-family:Arial;font-size:14px;"><！...

三种检测iPhone/iPad设备方向的方法

2016年07月27日 9 阅读

使用meta tag "viewport" viewport标签包含如下属性： 为了能自动探测并适配到屏幕宽度，应该使用device-with而不是设定一个固定值，另外为了避免用户缩放导致界面超出屏幕，需要设置maximum-scale， 复制代码 代码如下: <meta name="viewport" content="width=device-width, maximum-scale=1.0" /> 使用javascript脚本 下面的脚...

IE6已终止操作问题的2种情况及解决

2016年07月27日 9 阅读

令人崩溃的IE6问题再次出现，打开某个页面时，弹出提示框“Internet Explorer无法打开Internet 站点...已终止操作”。 查了一下资料，感觉“因为js（一个比较复杂的js）写在body里面，在body元素加载完之前调用出现问题”的说法比较靠谱。 经过一番奋战，利用排除法解决了问题，共发现2种情况。 ①原因：同一JS文件，先后引入2次。 解决：删除一个即可。 ②原因：在body里直接调用JS文件中的方法。 解决：通过onload或jqu...