随笔分类 -  JS

70种简单好用的js代码
摘要:70种简单常用的JS代码1、后退 前进 <input type="button" value="后退"onClick="history.go(-1)"> <input type="button" value="前进"onClick="history.go( 1 );return true;">2、返回 <form><input type="button" value="返回上一步"onClick 阅读全文
posted @ 2013-05-16 09:42 elleniou 阅读(1116) 评论(0) 推荐(0)
常用 JS代码
摘要:举报事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放event.srcElement.setCapture();event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event.ctrlKey 事件返回值 event.returnValue 鼠标位置event.x event.y 窗体活动元素document.activeElement绑定事件 document.captureEvents(Event.KEYDOWN); 阅读全文
posted @ 2013-05-16 09:41 elleniou 阅读(304) 评论(0) 推荐(0)
JS的event对象使用总结
摘要:Event属性和方法:1. type:事件的类型,如onlick中的click;2. srcElement/target:事件源,就是发生事件的元素;3. button:声明被按下的鼠标键,整数,1代表左键,2代表右键,4代表中键,如果按下多个键,酒把这些值加起来,所以3就代表左右键同时按下;(firefox中 0代表左键,1代表中间键,2代表右键)4. clientX/clientY:事件发生的时候,鼠标相对于浏览器窗口可视文档区域的左上角的位置;(在DOM标准中,这两个属性值都不考虑文档的滚动情况,也就是说,无论文档滚动到哪里,只要事件发生在窗口左上角,clientX和clientY都是 阅读全文
posted @ 2013-05-16 09:39 elleniou 阅读(272) 评论(0) 推荐(0)
javascript event详解
摘要:event代表事件的状态,例如触发event对象的元素、鼠标的位置及状态、按下的键等等。event对象只在事件发生的过程中才有效。event的某些属性只对特定的事件有意义。比如,fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。例子下面的例子检查鼠标是否在链接上单击,并且,如果shift键被按下,就取消链接的跳转。code<HTML><HEAD><TITLE>Cancels Links</TITLE><SCRIPT LANGUAGE="JScript" 阅读全文
posted @ 2013-05-16 09:36 elleniou 阅读(317) 评论(0) 推荐(0)
JavaScript window.document的属性、方法和事件小结
摘要:document属性作为window对象的一个子对象被创建,是用于访问页面中所有元素的对象,这里简单整理下,方便学习js的朋友javascript中window.document的属性、方法和事件的总结,有需要的朋友可参考一下本文章。属性:Attributes 存储节点的属性列表(只读)childNodes 存储节点的子节点列表(只读)dataType 返回此节点的数据类型Definition 以DTD或XML模式给出的节点的定义(只读)Doctype 指定文档类型节点(只读)documentElement 返回文档的根元素(可读写)firstChild 返回当前节点的第一个子节点(只读)Im 阅读全文
posted @ 2013-05-16 09:34 elleniou 阅读(1165) 评论(0) 推荐(0)
JS获取鼠标点击对象
摘要:问题的提出:在一个用户列表中,当点击用户时候,弹出这个用户的详细信息,怎么做?当然了,如果你想弹出一个新页面,那就算求了,就不用看这个,这个时候如果弹出一个新页面,就是说会向服务器回发一次,速度就降低了撒,使用最好是直接弹出一个层,然后在这个层里面现实这个人的详细信息。而这个层你不会让人家固定在一个地方撒?对不对?好,那你就要去获取你点击的地方的X,Y坐标了,但是这样不行啊,你得指定一个地方啊,如果乱点把这个层弹出来就恼火了撒,所以,咱们就指定只能在一个按钮上点击才会弹出这个层,那么现在你就要去获取这个按钮的ID了,这样来间接的获取这个按钮的X,Y坐标,因为如果直接用ClientX与Clien 阅读全文
posted @ 2013-05-16 08:51 elleniou 阅读(4134) 评论(0) 推荐(0)
OnContextMenu事件
摘要:用oncontextmenu事件单禁用右键菜单一个页面中,BODY中用oncontextmenu='return false'来取消鼠标右键;在JS中设置oncontextmenu='return true'用window.document.oncontextmenu = function(){ return false;}onconTextmenu=window.event.returnValue=false;右键菜单禁用,用这个可以禁止复制。在<body>中加入属性代码:oncontextmenu="return false" 阅读全文
posted @ 2013-05-15 23:49 elleniou 阅读(378) 评论(0) 推荐(0)
一个不错的js制作的右键菜单
摘要:网上转的,比我自己写的方便拓展,所以转过来~<html><head><script language='javascript'> /*******以下内容可以修改***************/ var mname=new Array( "首 页", "修 改", "下 载", "删 除", "新 建", "刷 新" ); //mname是菜单对应的名称,数组的个数必须与下面murl对应 var murl=new Array 阅读全文
posted @ 2013-05-15 16:11 elleniou 阅读(236) 评论(0) 推荐(0)
js+css实现页面右键菜单
摘要:这几天用到需要在页面上右键弹出功能菜单的功能,经过研究和查阅资料,找到个切实可行的方案,记录下来,以备以后使用。首先准备js代码,用于创建菜单,定位鼠标位置等等准备工作:// 菜单初试化var MenuItem="";var strMenu;var sp=true; //使用特效设置,false表示不是用特效var ts=6;//添加菜单项目function addmenu(type,caption,url,target,icon){ if (!icon) iconpath="jg_n_help.gif";//默认图标路径 else iconpath=i 阅读全文
posted @ 2013-05-15 00:15 elleniou 阅读(683) 评论(0) 推荐(0)
用JS访问iframe中的元素
摘要:用JS访问iframe中的元素1.首先,如何访问iframe中的元素?见如下代码:(1)1.htm源码:<input type=button value="test" onclick="self.frames['a'].document.all.mybutton.disabled=true"><iframe name='a' src="2.htm" id="iframe2"></iframe>(2)2.htm源码<input type=but 阅读全文
posted @ 2013-05-14 14:11 elleniou 阅读(466) 评论(0) 推荐(0)
Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe的元素、内容或者ID,反之也行!
摘要:query取得iframe中元素的几种方法在iframe子页面获取父页面元素代码如下:$('#objId', parent.document);// 搞定...在父页面 获取iframe子页面的元素代码如下:$("#objid",document.frames('iframename').document)$(document.getElementById('iframeId').contentWindow.document.body).html()显示iframe中body元素的内容。$("#testId" 阅读全文
posted @ 2013-05-14 14:10 elleniou 阅读(402) 评论(0) 推荐(0)
JS-DOM Element方法和属性
摘要:一,获取html元素1.getElementByID(id)通过对元素的ID访问,这是DOM一个基础的访问页面元素的方法.example:<div id="divid">测试</div><script language="javascript">var div=document.getElementByID("divid");alert (div.nodeName); //显示元素名</script>如果id在元素中不是唯一的,那么获得的将是第一个ID.2.getElementsByNa 阅读全文
posted @ 2013-04-14 14:23 elleniou 阅读(12263) 评论(0) 推荐(0)