js
我家小宝_朱朱
这个作者很懒,什么都没留下…
展开
-
js中:json对象与字符串转化
JSON对象---JSON字符串var jsonStr = JSON.stringify(jsonObj)JSON字符串---JSON对象方法一:JSON.parse(jsonStr)方法二:(jquery)$.parseJSON(jsonStr)json对象定义:var jsonObj = {"name":"zz"};原创 2016-02-24 18:02:53 · 289 阅读 · 0 评论 -
js文本框只允许输入数字并限制数字大小的方法
这是一个很个性的输入框特效,规定文本框只允许输入数字,如果你执意要输入其它的字符,则输入的字符将自动消失,除非你输入的是规定内的字符格式,并且对输入数字大小也有限制!为保证兼容性,请使用火狐浏览器。var text = document.getElementById("input");text.onkeyup = function(){this.value=this.v转载 2016-06-01 16:51:25 · 5440 阅读 · 0 评论 -
event-button:鼠标按钮
button返回当事件被触发时,哪个鼠标按钮被点击。定义和用法button 事件属性可返回一个整数,指示当事件被触发时哪个鼠标按键被点击。语法event.button=0|1|2参数描述0规定鼠标左键。1规定鼠标中键。2规定鼠标右键。转载 2016-06-06 20:35:47 · 3185 阅读 · 0 评论 -
js 实现快捷键-event:altKey ctrlKey shiftKey
http://www.w3school.com.cn/jsref/dom_obj_event.aspEvent 对象鼠标 / 键盘属性属性描述altKey返回当事件被触发时,"ALT" 是否被按下。button返回当事件被触发时,哪个鼠标按钮被点击。clientX返回当事件被触发转载 2016-06-06 20:27:32 · 3898 阅读 · 0 评论 -
JS文件中获取contextPath的方法
方法一: function getContextPath() { var pathName = document.location.pathname; var index = pathName.substr(1).indexOf("/"); var result = pathName.substr(0,index+1); return result;转载 2016-06-02 17:11:31 · 20625 阅读 · 0 评论 -
jquery-radio
1.获取选中值,三种方法都可以:$('input:radio:checked').val();$("input[type='radio']:checked").val();$("input[name='rd']:checked").val();2.设置第一个Radio为选中值: $('input:radio:first').prop(转载 2016-04-21 15:25:26 · 273 阅读 · 0 评论 -
用JS获取地址栏参数
我们可以用javascript获得其中的各个部分1, window.location.href整个URl字符串(在浏览器中就是完整的地址栏)本例返回值: http://www.maidq.com/index.html?ver=1.0&id=6#imhere2,window.location.protocolURL 的协议部分本例返回值:http:3,window转载 2016-05-29 15:09:38 · 355 阅读 · 0 评论 -
js设置document.domain实现跨域的注意点
背景:浏览器在执行Javascript时,出于对安全性的考虑,禁止两个或者多个不同域的页面进行互相操作。 相同域的页面在相互操作的时候不会有任何问题。下面是对document.domain的使用说明和限制条件: 域名必须属于同一个基础域名!而且所用的协议,端口都要一致,否则无法利用document.domain进行跨域 利用document.domain 实现跨域:转载 2016-05-16 16:46:39 · 1041 阅读 · 0 评论 -
JS不间断横向滚动实现代码
.outerdiv { width: 100%; } .scroll_div { width: 200px; height: 70px; margin: 0 auto; overflow: hidden; white-space: nowrap; background原创 2016-05-03 18:49:55 · 4116 阅读 · 0 评论 -
js上一个下一个左右滚动实现
.outerdiv { width: 100%; } .innerdiv{ white-space: nowrap; width:70px; height: 70px; border:1px solid green; overflow: hidden; float:le原创 2016-05-03 17:45:35 · 759 阅读 · 0 评论 -
javascript event对象的clientX,offsetX,screenX,pageX区别
http://www.w3school.com.cn/jsref/dom_obj_event.aspevent.clientX、event.clientY鼠标相对于浏览器窗口可视区域的X,Y坐标(窗口坐标),可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性event.pageX、event.pageY类似于eve转载 2016-06-29 10:31:43 · 341 阅读 · 0 评论 -
上下滚动实现
body, ul, li, p { padding: 0; margin: 0; } ul, li { list-style: none; } .main-wrap { margin-top: 50px;原创 2016-07-15 13:54:11 · 382 阅读 · 0 评论 -
拖拽
在mousedown的handler函数里加上return false;就解决问题了猜测选中文字的执行是根据mousedown的时候返回值和mousemove的返回值进行计算,从而知道哪些文字被选中。鼠标按下时将返回值设为false,就阻止了它计算的过程了。一、js拖拽插件的原理常见的拖拽操作是什么样的呢?整过过程大概有下面几个步骤:1、用鼠标点击被拖拽的元转载 2016-07-05 14:55:17 · 371 阅读 · 0 评论 -
json深复制与浅复制
深复制与浅复制// 浅层复制(只复制顶层的非 object 元素) var newObject = jQuery.extend({}, oldObject); // 深层复制(一层一层往下复制直到最底层) var newObject = jQuery.extend(true, {}, oldObject); 用的是深复制的方式,复制对象时发现字段丢失的现象没转载 2017-01-25 14:51:10 · 2443 阅读 · 0 评论 -
使用JS判断客户端、浏览器、操作系统类型
一、JS判断客户端类型 JS判断客户端是否是iOS或者Android手机移动端 通过判断浏览器的userAgent,用正则来判断手机是否是ios和Android客户端。核心代码如下:方法一: 1 DOCTYPE html> 2 html> 3 head> 4 meta charset="utf-8"> 5 meta http-equi转载 2017-01-19 16:12:58 · 835 阅读 · 0 评论 -
前端静态资源缓存的解决方案
转载 2017-02-10 10:13:03 · 5331 阅读 · 1 评论 -
js prototype介绍
prototype属性可算是JavaScript与其他面向对象语言的一大不同之处。 prototype就是“一个给类的对象添加方法的方法”,使用prototype属性,可以给类动态地添加方法,以便在JavaScript中实现“继承”的效果。 具体来说,prototype 是在 IE 4 及其以后版本引入的一个针对于某一类的对象的方法,当你用prototype编写一个类后,如果n转载 2016-05-25 16:31:08 · 337 阅读 · 0 评论 -
实现拖拽进度条
用到了拖拽功能style> .wrap{ width:500px; border: 1px solid; padding: 20px; } .process{ position: relative; width:80%;原创 2016-08-23 23:00:17 · 3373 阅读 · 0 评论 -
使用jQuery和CSS自定义HTML5 Video 控件
http://www.cnblogs.com/lucker/archive/2013/03/01/2939163.htmlHtml5 Video是现在html5最流行的功能之一,得到了大多数最新版本的浏览器支持.包括IE9,也是如此.不同的浏览器提供了不同的原生态浏览器视频空间.我们制作自定义视频控件为了在所有的浏览器中有一个相同的Html5视频控件而不受默认视频控件的控制.实际上,自转载 2016-08-23 17:53:08 · 2315 阅读 · 0 评论 -
加载的脚本/图片后执行,执行顺序
function loadScript(url,callback){var script=document.createElement(‘script’); script.type=”text/javaScript”;if(script.readyState){//IE script.onreadystatechange=function(){ if(s转载 2016-08-17 09:26:50 · 564 阅读 · 0 评论 -
滚动事件
window.addEventListener("scroll", function () { })或者$(document).scroll(function () { })或者window.onscroll = function(){}滚动后获取top的方法var top = document .documentElement.转载 2016-08-15 17:57:36 · 241 阅读 · 0 评论 -
重写window的原生方法:console
console =console || (function () { var v={}; v.log = function () { }; return v;})();console.log("111");判断console方法是否支持,不支持执行function维护的项目在ie9之下运行 没有问题,新增代码之后发现不能完原创 2016-07-06 17:29:27 · 3949 阅读 · 0 评论 -
js 按钮下一个上一个滚动效果
.outerdiv { width: 100%; } .innerdiv{ width:70px; height: 50px; border:1px solid green; overflow: hidden; float:left; } .outerdiv ul l原创 2016-05-03 16:00:25 · 1479 阅读 · 0 评论 -
用原生javascript写出jquery中slideUp和slideDown效果
思路很简单 :设置块级元素的CSS属性overflow为hidden,然后动态改变height即可var header=document.getElementsByTagName('header')[0];header.style.transition='height 500ms';header.style.overflow='hidden';// sl转载 2016-05-13 18:15:57 · 1806 阅读 · 0 评论 -
JS中的call()和apply()方法- 实现继承
1、方法定义 call方法: 语法:call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象。 说明: call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。 如果没有提供 thisObj 参数,那么转载 2016-03-27 21:39:53 · 345 阅读 · 0 评论 -
js之this,call,apply用法
(一)关于this首先关于this我想说一句话,这句话记住了this的用法你也就差不多都能明白了:this指的是当前函数的对象。这句话可能比较绕,我会举出很多例子和这句话呼应的!(看下文)1.首先看下面这段代码, 定义一个函数,弹下this,Js代码 function doSomething(){ alert(this); } doSomethin转载 2016-03-27 21:19:40 · 335 阅读 · 0 评论 -
JS中通过方法名字符串调用方法
//定义函数var showme = function(aa,bb){ alert(aa+" "+bb);}//定义变量var a = "aaa11";var b = "bbb111";方法一: //window["showme"](a,b); //弹出 aaa11,bbb11 方法二//eval("showme('"+a+"','"+b+"原创 2016-03-25 15:07:55 · 5397 阅读 · 0 评论 -
JavaScript function函数种类
1. 普通函数function ShowName(name) { alert(name);}调用:ShowName("s"); //s注: js中函数同名情况,下面的函数覆盖上面的函数。没有java中的多态2. arguments对象function showNames(name) { ale转载 2016-03-01 09:36:12 · 931 阅读 · 0 评论 -
获取屏幕的高和宽度
js获取/******************** * 取窗口滚动条滚动高度 ******************/function getScrollTop(){ var scrollTop=0; if(document.documentElement&&document.documentElement.scrollTop) { scrollTop转载 2016-04-05 18:47:40 · 1007 阅读 · 0 评论 -
轻松弄清JavaScript中的offset、scroll、client
一、理顺offset在这里我们可以看到,关于offset共有5个东西需要弄清楚: 1、offsetParent 2、offsetTop 3、offsetLeft 4、offsetWidth 5、offsetHeight 我们根据难易程度把以上5点分为三类来讲解。第一类:offsetWidth与offsetHei转载 2016-04-05 18:29:10 · 325 阅读 · 0 评论 -
JS的全局变量跟局部变量
var a =1; function test(){ alert(a); var a = 2; alert(a); } test(); alert(a); 大家猜结果等于多少?是输出1 2 1 吗?嗯嗯,当我把测试case发给她之前也是这么认为的,但测试输出后……运行结果是转载 2016-03-22 14:26:37 · 361 阅读 · 0 评论 -
JSON对象处理总结
1. 获取json的值var jsonObj = {'name':'朱春燕','friends':['aa','bb','cc'],'likefruit':[{'name':'apple'},{'name':'banan'}],'parent':{'baba':'zz',"mama":"ll"}}console.log("jsonObj.friends:"+jsonObj.friend原创 2016-02-24 18:58:41 · 1247 阅读 · 1 评论 -
js将json转成树html
var treeJson = [{ "name": "1级菜单A", "link": "###", "isleaf": false, "level": 0, "children": [ { "name": "2级菜单A", "link": "###",原创 2016-03-03 11:10:14 · 4629 阅读 · 0 评论 -
html 更改tab键焦点
1. 如何调整焦点到一个DIV上,How to focus to a DIV in Javascript?Div元素不是Input,所以通常意义上focus()会失效。document.getElementById('tries').focus();//doesn't work但是我们会有这种需求,需要我们focus到某一个DIV上,并且handle一些键盘事件,比转载 2016-04-11 11:45:20 · 8258 阅读 · 2 评论 -
event.keyCode用法及列表
Keycode对照表HTML用户名:密码:JavaScript:JumpByEnter(UserPwd) 函数功能:输入完用户名按回车,焦点转向密码输入框IsEnterKeyPress()功能:输入完密码并按回车,则登录function JumpByEnter(NextElement){ var lKeyCode = (navig转载 2016-04-11 14:02:28 · 485 阅读 · 0 评论 -
JQuery keyUp和keyDown的区别
定义和用法完整的 key press 过程分为两个部分:1. 按键被按下;2. 按键被松开。当按钮被按下时,发生 keydown 事件。keydown() 方法触发 keydown 事件,或规定当发生 keydown 事件时运行的函数。$(document).ready(function(){ $("input").keydown(function转载 2016-04-11 14:09:21 · 455 阅读 · 1 评论 -
target与currentTarget区别
target在事件流的目标阶段;currentTarget在事件流的捕获,目标及冒泡阶段。只有当事件流处在目标阶段的时候,两个的指向才是一样的, 而当处于捕获和冒泡阶段的时候,target指向被单击的对象而currentTarget指向当前事件活动的对象(一般为父级)。 2 click outer 3 click inner 4转载 2016-05-13 18:02:08 · 336 阅读 · 0 评论 -
点击A显示,点击其他地方隐藏
关键字:stopPropagation(); 阻止冒泡$(document).bind("click",this.hideA); 绑定整个click时间$("#A").click(function(e){//显示//阻止冒泡e.stopPropagation()});$(document).bind("click",function(){/转载 2016-05-13 16:18:12 · 1110 阅读 · 0 评论 -
stopPropagation, preventDefault 和 return false 的区别
因为有父, 子节点同在, 因为有监听事件和浏览器默认动作之分. 使用 JavaScript 时为了达到预期效果经常需要阻止事件和动作执行. 一般我们会用到三种方法, 分别是 stopPropagation(), preventDefault() 和 return false. 它们之间有什么区别, 该何时使用呢? 将在本文中进行讲解.术语监听事件, 在在节点转载 2016-04-11 10:48:44 · 335 阅读 · 0 评论 -
JS实现判断滚动条滚到页面底部并执行事件的方法
需要了解三个dom元素,分别是:clientHeight、offsetHeight、scrollTop。clientHeight:这个元素的高度,占用整个空间的高度,所以,如果一个div有滚动条,那个这个高度则是不包括滚动条没显示出来的下面部分的内容。而只是单纯的DIV的高度。offsetHeight:是指元素内容的高度。依照上面的,那这个高度呢就是DIV内部的高度,包括可见部分及转载 2016-05-03 09:33:40 · 4877 阅读 · 0 评论