![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javaScript
lijunlinlijunlin
这个作者很懒,什么都没留下…
展开
-
jQuery显示隐藏元素
<html><head> <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script> <script> function doc() { $("#company").show(); $(".submit").show(); } function...原创 2020-12-02 12:44:33 · 132 阅读 · 0 评论 -
常用的Javascript设计模式
原文出处: alloyteam 博客-svenzeng 欢迎分享原创到伯乐头条《Practical Common Lisp》的作者 Peter Seibel 曾说,如果你需要一种模式,那一定是哪里出了问题。他所说的问题是指因为语言的天生缺陷,不得不去寻求和总结一种通用的解决方案。不管是弱类型或强类型,静态或动态语言,命令式或说明式语言、每种语言都有天生的优缺点。一个牙买加运动员转载 2015-05-14 00:41:52 · 538 阅读 · 0 评论 -
实现js的replaceAll方法
js不提供replaceAll方法,要用正规表达式实现 第一种: String.prototype.replaceAll = function(s1,s2){ return this.replace(new RegExp(s1,"gm"),s2); } 第二种:str =str.replace(/&/转载 2015-02-11 01:02:00 · 420 阅读 · 0 评论 -
IE和Firefox下event事件杂谈
如果在使用javascript的时候涉及到event处理,就需要知道event在不同的浏览器中的差异。因为javascript的事件模型有三种,它们分别是NN4、IE4+和W3C/Safari;这也造成了在不同的浏览器中处理event的差异,这里结合一些零碎的代码来说明如何做到event在IE4+和Firefox下的正常工作。首先看如下代码: 复制代码 代码如下:funct转载 2014-11-22 03:33:42 · 470 阅读 · 0 评论 -
IE FireFox 兼容之 window.event
Html代码 HTML> HEAD> TITLE> New Document TITLE> script type="text/javascript"> function testEvent(){ var target = window.event.srcElement ; document.getElementById('result').innerHTML =转载 2014-11-22 03:29:08 · 416 阅读 · 0 评论 -
Firefox下的window.event问题
如何解决firefox下window.event的问题,如下代码: body script function mouseMove(ev) //ev作用参数传递firfox才能起作用 { Ev= ev || window.event; var mousePos = mouseCoords(Ev); document.getElementById(xxx).value = mousePos.x; do转载 2014-11-22 03:35:53 · 613 阅读 · 0 评论 -
jQuery 鼠标滚轮实现图片缩放
合理的使用鼠标滚轮能很好的提高用户体验,今天就让我们看看 jQuery 鼠标滚轮实现图片的缩放。首先,直接给出缩放方法如下:function zoomImg(o) { var zoom = parseInt(o.style.zoom, 10) || 100; zoom += event.wheelDelta / 2; //可适合修改 if (zoom > 0)转载 2014-11-02 17:40:07 · 1210 阅读 · 0 评论 -
js鼠标滚轮事件详解(全兼容ie、chrome、firefox)实现图片缩放
以前看到的都是用IE的zoom,所以非IE就不支持,昨天看到这个js中鼠标滚轮事件详解,于是完全兼容(IE6-8,FF,Chrome,Opera,Safari)的鼠标滚轴缩放图片效果今天就诞生了====代码如下: var zooming=function(e){ e=window.event ||e; var o=this,data=e.wheelDelta ||e转载 2014-11-02 17:27:33 · 3258 阅读 · 0 评论 -
JavaScript冒泡实例
什么是冒泡 简单的说就是触发一个子容器的事件,父容器的事件也会跟着被触发。 div id=parentDiv onclick=alert('parent'); parent div id=childDiv onclick=alert('child');child/div /div 在child和parent上分别添加了alert('child')和alert('parent')事件转载 2014-11-22 03:41:24 · 418 阅读 · 0 评论 -
Jquery插件Thickbox的使用
最近项目需要用到弹出层!最后找到Thickbox,它能在浏览器界面上显示非常棒的弹出框,可以显示单图片,多图片,AJAX 请求内容或链接内容。感觉挺不错的!Thickbox的官方网址:http://jquery.com/demo/thickbox/以下是搜集到的一些使用方法:要使用 ThickBox,需要下载三个文件:JS 文件:thickbox.js 或者压缩版本 thickbo转载 2014-11-03 00:18:50 · 697 阅读 · 0 评论 -
jquery 鼠标滚轮事件
鼠标滚轮事件 MouseWheel这个事件在标准下和IE下是有区别的。firefox是按标准实现的,事件名为"DOMMouseScroll ",IE下采用的则是"mousewheel "。 当然一行代码就解决了兼容问题 var mousewheel = document.all?"mousewheel":"DOMMouseScroll";转载 2014-11-02 17:29:41 · 905 阅读 · 0 评论 -
JS 图片缩放、显示全图、鼠标滑轮控制显示大小
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 5转载 2014-11-02 17:15:11 · 707 阅读 · 0 评论 -
jquery.mousewheel.js
/*! Copyright (c) 2011 Brandon Aaron (http://brandonaaron.net) * Licensed under the MIT License (LICENSE.txt). * * Thanks to: http://adomas.org/javascript-mouse-wheel/ for some pointers. * Tha转载 2014-11-03 02:54:56 · 1678 阅读 · 0 评论 -
利用javascript来获取当前时间戳 小技巧new Data()
浏览器脚本javascript不像WEB开发语言,可没有什么内置函数可以直接获取到当前服务器的unix时间戳,像php的time()函数类的直接获取unix timestamp的时间戳的函数,因此对于在一些需要生成以时间来随机的数字的时候就非常不方便了,下面是本人经过总结得出一个利用javascript可以和php获取unix时间戳类似的函数。以下为一句话javascript实现的代码:转载 2015-03-26 00:44:26 · 1589 阅读 · 0 评论 -
你可能不知道的一些JavaScript 奇技淫巧
这里记录一下以前学习各种书籍和文章里边出现的JS的小技巧,分享给大家,也供自己查阅,同时感谢那些发现创造和分享这些技巧的前辈和大牛们。1、遍历一个obj的属性到数组123vara=[];for(a[a.length]in obj);returna;乍一看可能比较蒙,不过仔细分析还是不难理转载 2015-04-24 02:08:01 · 429 阅读 · 0 评论 -
JavaScript 时间与日期处理实战:你肯定被坑过
转载自:http://web.jobbole.com/89120/本部分的知识图谱请参考编程语言知识图谱-时间与日期。本文JavaScript 时间与日期处理实战:你肯定被坑过从属于笔者的Web 前端入门与最佳实践中 JavaScript 入门与最佳实践系列文章。JavaScript DateTime标准时间GMT即「格林威治标准时间」(Gree转载 2016-11-29 01:26:28 · 8524 阅读 · 0 评论 -
12个非常实用的JavaScript小技巧
转载自:http://www.codeceo.com/article/12-useful-javascript-tips.html在这篇文章中将给大家分享12个有关于JavaScript的小技巧。这些小技巧可能在你的实际工作中或许能帮助你解决一些问题。使用!!操作符转换布尔值有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值,如果存在就返回true值。为了做这样的转载 2016-05-16 00:05:55 · 355 阅读 · 0 评论 -
主流JS框架中DOMReady事件的实现
转载自:http://www.cnblogs.com/JulyZhang/archive/2011/02/12/1952484.html在实际应用中,我们经常会遇到这样的场景,当页面加载完成后去做一些事情:绑定事件、DOM操作某些结点等。原来比较常用的是window的onload 事件,而该事件的实际效果是:当页面解析/DOM树建立完成,并完成了诸如图片、脚本、样式表甚至是ifra转载 2016-01-18 01:27:29 · 476 阅读 · 0 评论 -
用js实现透明度渐变效果
如图,一开始元素的透明度是30,鼠标移上的时候,透明度慢慢增加,到透明度100停止。鼠标移出,透明度慢慢减少,减少到30.要点一:因为无法直接获取和改变透明度的值,可以把透明度值赋给一个变量,让变量变化,最后把变量的值再赋给元素的透明值。var alpha=30;要点二:判断目标值和目前透明值,来判定是正向速度还是负向速度。if(target > alpha){speed转载 2015-09-04 19:16:43 · 2393 阅读 · 0 评论 -
js keyup、keypress和keydown事件 详解
转载自:http://www.cnblogs.com/manongxiaobing/archive/2012/11/05/2755412.htmljs keyup、keypress和keydown事件都是有关于键盘的事件当一个按键被pressed 或released在每一个现代浏览器中,都可能有三种客户端事件。keydown eventkeypress eventkey转载 2015-06-14 17:06:01 · 9060 阅读 · 0 评论 -
JS解析XML通用版
XML文件: 今天要下雨 今天确实下雨了 2009-02-04 今天出太阳 今天确实出太阳了 2009-02-03 今天很无聊 今天确实很无聊 2009-02-02转载自:http://www.codesky.net/article/200907/166442.html javascript:;转载 2015-06-29 01:01:11 · 446 阅读 · 0 评论 -
js中继承的几种用法总结(apply,call,prototype)
本篇文章主要介绍了js中继承的几种用法总结(apply,call,prototype) 需要的朋友可以过来参考下,希望对大家有所帮助一,js中对象继承js中有三种继承方式1.js原型(prototype)实现继承复制代码 代码如下: function Person(name,age){ this.name=name转载 2015-05-19 00:30:49 · 606 阅读 · 0 评论 -
js中scrollLeft,scrollWidth,clientWidth,offsetWidth完全详解
scrollHeight: 获取对象的滚动高度。scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度offsetLeft:获转载 2015-05-19 00:14:47 · 554 阅读 · 0 评论 -
45个实用的JavaScript技巧、窍门和最佳实践
如你所知,JavaScript是世界上第一的编程语言,它是Web的语言,是移动混合应用(mobile hybrid apps)的语言(比如PhoneGap或者Appcelerator),是服务器端的语言(比如NodeJS或者Wakanda),并且拥有很多其他的实现。同时它也是很多新手的启蒙语言,因为它不但可以在浏览器上显示一个简单的alert信息,而且还可以用来控制一个机器人(使用nodebot,转载 2015-05-14 00:37:33 · 357 阅读 · 0 评论 -
从零开始写JavaScript框架
有一定Web前端开发经验的人,很多都会有这么个想法:那些写框架的人好厉害,什么时候我才能写一个自己的框架呢?有时候看看别人的框架代码,又觉得很复杂,不知道从何看起,只有很少的人突破了这个界限,领悟到了更深层的东西。对于这种情况,我觉得有必要改变一下。为此,打算自己写几个系列的文章来让很多人能从中领会一些前端框架的知识,带领他们走进框架开发的殿堂。为了说明框架的一些基本原理,我写了一个简单的转载 2015-05-14 00:33:17 · 830 阅读 · 0 评论 -
为现代JavaScript开发做好准备
今天无论是在浏览器中还是在浏览器外,JavaScript世界正在经历翻天覆地地变化。如果我们谈论脚本加载、客户端的MVC框架、压缩器、AMD、Common.js还有Coffeescript……只会让你的脑子发昏。对于那些已经早就熟知这些技术的人而言,或许很难想象到现在为止还有很多JS开发者还不熟悉这些工具,甚至事实上,他们很可能现在还不想去尝试这些工具。这篇文章将会介绍一些很基础的JS知识,以转载 2015-05-14 00:26:50 · 400 阅读 · 0 评论 -
thickbox跨越frameset
thickbox跨越iframe的问题很好解决,只需要在父页和iframe页都要载入 jquery.js thickbox.js thickbox.css(别忘记了父页面) 修改thickbox.js 函数function tb_init(domChunk) 找到tb_show(t,a,g);这句修改为:Js代码 if (window.parent.frames[转载 2014-11-03 00:00:04 · 467 阅读 · 0 评论 -
关于火狐(firefox)及ie下event获取的两种方法
经常有同事问我在火狐浏览器怎么获取event的方法,大多是想获取event.keyCode的功能,接下来为您介绍两种实现方法,需要了解的朋友可以参考下经常有同事问我在火狐浏览器怎么获取event的方法,大多是想获取event.keyCode的功能两种方法第一种方法: 复制代码 代码如下:function a(e){ e=e||window.event; aler转载 2014-11-03 02:50:50 · 575 阅读 · 0 评论 -
使用thickbox问题集合及解决方案
第一次接触thickbox的时候感觉就被标签参数弄糊涂了,不过看了源代码后,自己在使用的过程中也还是学到了一点东西,在这这里给初‘用’thickbox的朋友们一个小帮忙。还请高手多多指点。一、首先说下参数 a类型: 显示 input类型: <input class="thickbox" alt="#TB_inline?width=285&height=392&inlineI转载 2014-11-02 23:55:16 · 1455 阅读 · 0 评论 -
JavaScript如何处理解析JSON数据详解
JSON (JavaScript Object Notation)一种简单的数据格式,比xml更轻巧。 JSON 是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。JSON的规则很简单: 对象是一个无序的“‘名称/值’对”集合。一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一个“:”(冒号);转载 2013-07-12 18:24:10 · 693 阅读 · 0 评论 -
JavaScript转换与解析JSON的方法
在JavaScript中将JSON的字符串解析成JSON数据格式,一般有两种方式:一种为使用eval()函数。使用Function对象来进行返回解析。使用eval函数来解析,jquery的each方法来遍历用JQuery解析JSON数据的方法,作为JQuery异步请求的传输对象,JQuery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式,对于利用转载 2013-07-12 18:42:26 · 670 阅读 · 0 评论 -
用来简化开发任务的20个JavaScript类库
所谓JS库就是预先写好的JS程序库,用于简化以JS为基础的开发程序,尤其是对AJAX和其他以Web为中心技术的JS代码集。JS的首要用途是将编写的功能内嵌在HTML页面,并与页面的对象模型(DOM)进行互动。很多JS库很容易和其他Web开发技术进行整合,例如CSS、 PHP、Ruby、和Java。许多程序库可以检测运行环境之间的差异,删除一些应用程序,以满足整合需求。文章搜集了20个JS库,帮转载 2013-07-10 13:58:37 · 477 阅读 · 0 评论 -
12招jQuery常用技巧
由于jQuery对象本身是一个集合。所以如果jQuery对象要转换为dom对象则必须取出其中的某一项,一般可通过索引取出。1、关于页面元素的引用通过jQuery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jQuery对象(集合对象),不能直接调用dom定义的方法。2、jQuery对象与dom对象的转换转载 2013-05-12 00:53:23 · 661 阅读 · 0 评论 -
Javascript 中 null、NaN和undefined的区别
1.类型分析: js中的数据类型有undefined,boolean,number,string,object等5种,前4种为原始类型,第5种为引用类型。代码var a1;var a2 = true;var a3 = 1;var a4 = "Hello";var a5 = new Object();var a6 = null;var a7转载 2013-05-11 20:47:40 · 567 阅读 · 0 评论 -
Javascript作用域原理
问题的提出首先看一个例子:var name = 'laruence';function echo() { alert(name); var name = 'eve'; alert(name); alert(age);} echo();运行结果是什么呢?上面的问题, 我相信会有很多人会认为是:laruenceeve[脚本出错]因为会以为在ech转载 2013-05-09 01:03:11 · 492 阅读 · 0 评论 -
深入理解Javascript之this关键字
Javascript是一种很灵活的语言, 而This关键字又是灵活中的灵活, 但是因为它的灵活, 也注定了它的难用.以前我用this的时候, 都会觉得不踏实, 老是担心它不知道怎么地就会指到另外的什么地方. 其实, 这都是因为, 我们对它的不了解.刚好最近再给百度学院做《Javascript高级-作用域/原型链》的ppt, 而swit1983网友也刚好提这个问题, 索性就把这部分内转载 2013-05-09 00:04:52 · 461 阅读 · 0 评论 -
Javascript解决浏览器兼容性问题
兼容性问题是由于多个浏览器同时存在而导致的。这些浏览器在处理一个相同的页面时,表现有时会有差异。这种差异可能很小,甚至不会被注意到;也可能很大,甚至造成在某个浏览器下无法正常浏览。我们把引起这些差异的问题统称为“浏览器兼容性问题”。下面让我们一起来看Javascript在解决兼容性问题上的方法。1. document.form.item 问题问题:代码中存在 document.form转载 2013-05-06 21:53:37 · 711 阅读 · 0 评论 -
javascript在不同浏览器的兼容性问题
对于大多数程序员而言在平时的编码过程中很少会注意到跨浏览器的问题,而当这些问题从用户那边被抛回来后才知道原来问题还是很严重的。在正式规范、事实标准以及各种实现之间存在的差异会让你觉得很烦躁。所以就需要我们在平时养成良好的编码习惯,尽量保证我们的代码能够适应不同浏览器的要求。 下面就把平时遇到的一些浏览器差异问题总结出来,千里之行,始于足下。虽然不能完全避免开发中浏览器兼容问题,但是还是转载 2013-05-06 21:50:52 · 929 阅读 · 0 评论 -
海量jQuery插件
提醒大家在使用的时候注意jQuery包的版本问题,最好是使用相同的版本,因为使用了高版本很有可能出现或多或少的问题。并且其中英文插件在转换成中文时注意编码,推荐utf-8。jQuery插件-文件上传(File upload)Ajax File Upload.jQUploader.Multiple File Upload plugin.jQuery File St转载 2013-04-30 18:00:32 · 581 阅读 · 0 评论 -
jquery实现checkbox全选,反选,取消选择
开门见山,直接介绍方法,假设页面html代码如下 全部选择 取消选择 反向选择 A B C D E F 全部选择代码: Jquery部分 //全部选择 $("#all").click(function(){ $("input[name='checkbox1']"转载 2013-04-15 20:34:21 · 592 阅读 · 0 评论