javascript学习笔记(十九) 节点的操作实现代码 2016年07月27日 10 阅读 本节要用到的html例子 复制代码 代码如下: <ul id="myList"> <li>项目一</li> <li>项目二</li> <li>项目三</li> </ul> 1.创建元素节点 document.createElement() 方法 用于创建元素,接受一个参数,即要创建元素的标签名,返回创建的元素节点 复制代码 代码如下: var div = do...
javascript学习笔记(二十) 获得和设置元素的特性(属性) 2016年07月27日 11 阅读 本节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日 10 阅读 首先还是要引用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日 11 阅读 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日 17 阅读 Onunload,onbeforeunload都是在刷新或关闭时调用,可以在<script>脚本中通过window.onunload来指定或者在<body>里指定。区别在于onbeforeunload在onunload之前执行,它还可以阻止onunload的执行。 Onbeforeunload也是在页面刷新或关闭时调用,Onbeforeunload是正要去服务器读取新的页面时调用,此时还没开始读取;而onunload则已经从服务...
增强用户体验友好性之jquery easyui window 窗口关闭时的提示 2016年07月27日 12 阅读 我的弹窗是这么写的 复制代码 代码如下: $("#aa").click(function(){ //按钮单击事件 $("#w").window({//窗口初始化 title:"随便点",width:400,height:300,iconCls:"icon_add", //重要的部分 onBeforeClose:function(){ //当面板关闭之前触发的事件 if (confirm("窗口正在关闭,请确认您当前的...
来自国外的30个基于jquery的Web下拉菜单 2016年07月27日 11 阅读 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日 12 阅读 一个自定义的循环遍历元素文本内容的函数 该函数可以确保在HTML和XML DOM文档中很好的工作,使用该函数,就能够获取任何元素文本内容了 循环遍历元素文本内容 复制代码 代码如下: <html> <head> <meta http-equiv="Content-type" content="text/html;charset=gb2312"> <title>一个循环遍历元素文本内容的函数</tit...
jquery命令汇总,方便使用jquery的朋友 2016年07月27日 12 阅读 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日 11 阅读 效果演示: 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日 10 阅读 在线演示: 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日 10 阅读 这就意味着会有适当的事件冒泡,并且浏览器会执行分配的事件处理程序。这种能力在测试web应用程序的时候,是非常有用的,在DOM 3级规范中提供了方法来模拟特定的事件,IE9 chrome FF Opera 和 Safari都支持这样的方式,在IE8及以前的办法的IE浏览器有他自己的方式来模拟事件 a)Dom 事件模拟 可以通过document上的createEvent()方法,在任何时候创建事件对象,此方法只接受一个参数,既要创建事件对象的事件字符串,在...
浅谈Javascript鼠标和滚轮事件 2016年07月27日 19 阅读 a)鼠标事件 鼠标事件也许是web页面当中最常用到的事件,因为鼠标是最常用的导航设备,在DOM3级事件上定义了9个鼠标事件,分别为: click:当用户点击鼠标主键通常是指鼠标左键或按回车键时触发。 dbclick:当用户双击鼠标主键时发生触发,这个事件并没有在DOM2级事件中定义但是却被普遍支持了,后来在DOM3级中得到了标准化。 mousedown:当用户按下鼠标任意一个键都会触发,这个事件是不能够通过键盘触发的。 mousee...
UI Events 用户界面事件 2016年07月27日 11 阅读 UI Events并不是直接与用户行为相关,UI Event 包括如下: DomActivate:当元素被用户的某些行为激活时,触发该事件,例如用户的鼠标或者键盘事件。这一事件在DOM3级事件中被废弃了,FF2+和chrome支持,犹豫跨浏览器实现机制的不同,不推荐使用这个事件。 load:在window对象上触发是当页面加载完毕之后触发的,在frameset 是当所有的frames都加载完毕之后触发,当指img标签时,是指图片加载完毕之后等等。 ...
跨浏览器的事件对象介绍 2016年07月27日 10 阅读 复制代码 代码如下: 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日 12 阅读 看下面的例子, 复制代码 代码如下: 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日 11 阅读 1. attr(属性名) //获取属性的值(取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性,则返回 undefined ) 2. attr(属性名, 属性值) //设置属性的值 (为所有匹配的元素设置一个属性值。) 3. attr(属性名,函数值) //设置属性的函数值 (为所有匹配的元素设置一个计算的属性值。不提供值,而是提供一个函数,由这个函数计算的值作为属性值。) 4.attr(proper...
javascript 事件处理程序介绍 2016年07月27日 10 阅读 1、DOM0级事件处理程序 将一个函数值给一个事件处理程序属性。 例如: 复制代码 代码如下: var btn = document.getElementById("myBtn"); btn.onclick = funtion(){ alert(this.id); //"myBtn" } 删除事件,btn.onclick = null; -----------------------------------------------------------...
浅谈Javascript事件处理程序的几种方式 2016年07月27日 14 阅读 事件就是用户或浏览器自身执行的某种动作。比如说click,mouseover,都是事件的名字。而相应某个事件的函数就叫事件处理程序(或事件侦听器)。为事件指定处理程序的方式有好几种。 一:HTML事件处理程序。 如: 复制代码 代码如下: <script type="text/javascript"> function show(){ alert("hello world!"); } </script> <input type...
jQuery.extend 函数的详细用法 2016年07月27日 10 阅读 Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解。 Jquery的扩展方法原型是: extend(dest,src1,src2,src3...); 它的含义是将src1,src2,src3...合并到dest中,返回值为合并后的dest,由此可以看出该方法合并后,是修改了dest的结构的。如果想要得到合并的结果却又不想修改dest的结构,可以如下使用: var newSrc=$.ext...