javascript学习笔记(十九) 节点的操作实现代码 2016年07月27日 5 阅读 本节要用到的html例子 复制代码 代码如下: <ul id="myList"> <li>项目一</li> <li>项目二</li> <li>项目三</li> </ul> 1.创建元素节点 document.createElement() 方法 用于创建元素,接受一个参数,即要创建元素的标签名,返回创建的元素节点 复制代码 代码如下: var div = do...
javascript学习笔记(二十) 获得和设置元素的特性(属性) 2016年07月27日 6 阅读 本节html以下面的为例 复制代码 代码如下: <div id="myDiv" class="bd" title="我是div"> <img id="img1" /> <a id="myA" href = "http://www.baidu.com">百度</a> </div> 1.通过HTMLElement类型(对象)的属性获得和设置元素特性 复制代码 代码如下: var div = docu...
基于Jquery实现的一个图片滚动切换 2016年07月27日 5 阅读 首先还是要引用jquery框架的。 然后开始HTML代码: 复制代码 代码如下: <div id="New_zlMimgMv"> <div class="imgMvBox"> <ul id="imgMvCon"> <li><a href="#" title=""><img src="New_zlimgMv.jpg" alt="" /></a></li> <...
javascript作用域容易记错的两个地方分析 2016年07月27日 6 阅读 1. 复制代码 代码如下: function fun() { var a="rxm"; b="cwr"; } alert(a);//错误,a局部变量 alert(b); //"cwr",b全局变量。 2. 复制代码 代码如下: var a="rxm"; function fun() { alert(a); var a="123"; alert(a); } fun(); alert(a); 输出结果:undefined;123;rxm ...
用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件) 2016年07月27日 12 阅读 Onunload,onbeforeunload都是在刷新或关闭时调用,可以在<script>脚本中通过window.onunload来指定或者在<body>里指定。区别在于onbeforeunload在onunload之前执行,它还可以阻止onunload的执行。 Onbeforeunload也是在页面刷新或关闭时调用,Onbeforeunload是正要去服务器读取新的页面时调用,此时还没开始读取;而onunload则已经从服务...
增强用户体验友好性之jquery easyui window 窗口关闭时的提示 2016年07月27日 7 阅读 我的弹窗是这么写的 复制代码 代码如下: $("#aa").click(function(){ //按钮单击事件 $("#w").window({//窗口初始化 title:"随便点",width:400,height:300,iconCls:"icon_add", //重要的部分 onBeforeClose:function(){ //当面板关闭之前触发的事件 if (confirm("窗口正在关闭,请确认您当前的...
来自国外的30个基于jquery的Web下拉菜单 2016年07月27日 6 阅读 jQuerySmooth Navigation Menu Simple Drop Down Menu Plugin Dropdown, iPod Drilldown, and Flyout styles jQuery and CSS ExampleCreate the Fanciest Drop Down Menu You Ever Saw A Different Top Navigation Simple jQuery Dropdowns Sexy Dr...
Jvascript学习实践案例(开发常用) 2016年07月27日 7 阅读 一个自定义的循环遍历元素文本内容的函数 该函数可以确保在HTML和XML DOM文档中很好的工作,使用该函数,就能够获取任何元素文本内容了 循环遍历元素文本内容 复制代码 代码如下: <html> <head> <meta http-equiv="Content-type" content="text/html;charset=gb2312"> <title>一个循环遍历元素文本内容的函数</tit...
jquery命令汇总,方便使用jquery的朋友 2016年07月27日 7 阅读 jQuery选择器选择器 实例 选取* $("*") 所有元素#id $("#lastname") id="lastname"的元素.class $(".intro") 所有class="intro"的元素element $("p") 所有<p>元素.class.class $(".intro.demo") 所有class="intro"且class="demo"的元素:first $("p:first") 第一个<...
基于jquery & json的省市区联动代码 2016年07月27日 6 阅读 效果演示: html代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>省市区联动</title> <script src="/Scripts/jquery.min.js" type="text/javascript"></script> <script ...
JS时间选择器 兼容IE6,7,8,9 2016年07月27日 5 阅读 在线演示: http://demo.jb51.net/js/2012/js_date/复制代码 代码如下: <html> <head> <title>Js日期选择器并自动加入到输入框中</title> <meta http-equiv="content-Type" content="text/html;charset=gb2312"> <script type="text/javascrip...
浅谈Javascript事件模拟 2016年07月27日 5 阅读 这就意味着会有适当的事件冒泡,并且浏览器会执行分配的事件处理程序。这种能力在测试web应用程序的时候,是非常有用的,在DOM 3级规范中提供了方法来模拟特定的事件,IE9 chrome FF Opera 和 Safari都支持这样的方式,在IE8及以前的办法的IE浏览器有他自己的方式来模拟事件 a)Dom 事件模拟 可以通过document上的createEvent()方法,在任何时候创建事件对象,此方法只接受一个参数,既要创建事件对象的事件字符串,在...
浅谈Javascript鼠标和滚轮事件 2016年07月27日 14 阅读 a)鼠标事件 鼠标事件也许是web页面当中最常用到的事件,因为鼠标是最常用的导航设备,在DOM3级事件上定义了9个鼠标事件,分别为: click:当用户点击鼠标主键通常是指鼠标左键或按回车键时触发。 dbclick:当用户双击鼠标主键时发生触发,这个事件并没有在DOM2级事件中定义但是却被普遍支持了,后来在DOM3级中得到了标准化。 mousedown:当用户按下鼠标任意一个键都会触发,这个事件是不能够通过键盘触发的。 mousee...
UI Events 用户界面事件 2016年07月27日 6 阅读 UI Events并不是直接与用户行为相关,UI Event 包括如下: DomActivate:当元素被用户的某些行为激活时,触发该事件,例如用户的鼠标或者键盘事件。这一事件在DOM3级事件中被废弃了,FF2+和chrome支持,犹豫跨浏览器实现机制的不同,不推荐使用这个事件。 load:在window对象上触发是当页面加载完毕之后触发的,在frameset 是当所有的frames都加载完毕之后触发,当指img标签时,是指图片加载完毕之后等等。 ...
跨浏览器的事件对象介绍 2016年07月27日 5 阅读 复制代码 代码如下: var eventUtil = { getEvent : function(event){ return event ? event : window.event; }; getTarget : function(event){ return event.target || event.srcElement; }; preventDefault : function(event){ if(event.preventDefault){ ...
IE事件对象(The Internet Explorer Event Object) 2016年07月27日 7 阅读 看下面的例子, 复制代码 代码如下: var btn = document.getElementById("mybtn"); btn.onclick = function(){ var event = window.event; alert(event.type);//"click" } 此时,event对象来源于window.event对象,并且之后又用于确定事件类型。然而,当eventHandler 通过attachE...
jquery 获取自定义属性(attr和prop)的实现代码 2016年07月27日 6 阅读 1. attr(属性名) //获取属性的值(取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性,则返回 undefined ) 2. attr(属性名, 属性值) //设置属性的值 (为所有匹配的元素设置一个属性值。) 3. attr(属性名,函数值) //设置属性的函数值 (为所有匹配的元素设置一个计算的属性值。不提供值,而是提供一个函数,由这个函数计算的值作为属性值。) 4.attr(proper...
javascript 事件处理程序介绍 2016年07月27日 5 阅读 1、DOM0级事件处理程序 将一个函数值给一个事件处理程序属性。 例如: 复制代码 代码如下: var btn = document.getElementById("myBtn"); btn.onclick = funtion(){ alert(this.id); //"myBtn" } 删除事件,btn.onclick = null; -----------------------------------------------------------...
浅谈Javascript事件处理程序的几种方式 2016年07月27日 9 阅读 事件就是用户或浏览器自身执行的某种动作。比如说click,mouseover,都是事件的名字。而相应某个事件的函数就叫事件处理程序(或事件侦听器)。为事件指定处理程序的方式有好几种。 一:HTML事件处理程序。 如: 复制代码 代码如下: <script type="text/javascript"> function show(){ alert("hello world!"); } </script> <input type...
jQuery.extend 函数的详细用法 2016年07月27日 5 阅读 Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解。 Jquery的扩展方法原型是: extend(dest,src1,src2,src3...); 它的含义是将src1,src2,src3...合并到dest中,返回值为合并后的dest,由此可以看出该方法合并后,是修改了dest的结构的。如果想要得到合并的结果却又不想修改dest的结构,可以如下使用: var newSrc=$.ext...