随笔分类 -  JavaScript

javascript和表单-表格交互
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文
posted @ 2013-05-27 11:49 clouds008 阅读(390) 评论(0) 推荐(0)
javascript中setAttribute()和getAttribute()、removeAttribute()的使用
摘要：javascript我们用得最多也是他最强大的地方应该是其对dom的操作吧.那么今天我们就来说三个常用的dom操作方法. setAttribute() 设定dom结点的属性 getAttribute() 取dom结点属性的值removeAttribute() 删除dom结点的属性 我们从实例开始. <a href="#">ddd</a> <script type="text/javascript"> ... 阅读全文
posted @ 2012-05-19 22:06 clouds008 阅读(1173) 评论(0) 推荐(0)
javascript中setAttribute、getAttribute 在不同浏览器上的不同表现
摘要：测试环境（客户端浏览器 ） IE6，IE7， IE8兼容模式， IE8 Firefox 3.6.8, google chrome 5.0.375.125 先来说明两个函数的标准定义。 elementNode.setAttribute(name,value) name 必需。规定要设置的属性名。 value 必需。规定要设置的属性值。 该方法把指定的属性设置为指定的值。如果不存在具有指定名称的属性，该方法将创建一个新属性。 elementNode.getAttribute(name) name 必需。规定从中取得属性值的属性。 一、setAttribute的问题 elementNode为< 阅读全文
posted @ 2012-05-19 21:55 clouds008 阅读(477) 评论(0) 推荐(1)
Js实现拖拽 --面向对象封装( 超详细中文注释)
摘要：这类文章网上的很多。我只是做了详细的中文注释。便于大家理解。 --废话不多说直接上源码 （用到的图片请随便自己代替）javascript代码部分: 1 /**js拖拽特效封装*/ 2 //关于js面向对象编程详细http://sd.csdn.net/a/20120507/2805362.html 3 var Drag = { //Drag:拖拽 --用逗号分割。（属性和方法合为一条语句） 4 //声明一个obj属性代表那一个层当前对象，初始值为空。 5 obj:null, //声明obj是为了后面停止移动的函数处理。方便处理 6 7 ... 阅读全文
posted @ 2012-05-17 22:46 clouds008 阅读(796) 评论(1) 推荐(0)
js中xx.style.top、xx.style.left等取不到值的原因
摘要：在js中有的朋友用xx.style.top取不到对象的值，很是郁闷。原因就在与style只能内嵌样式的值。 也就是说要这么写才能获取到值： <div id="xx" style="width:200px;height:200px; top:100px;"></div> 下面是参考： var divTop =divObj.style.top //style仅内嵌样式得到内嵌样式的属性值 var divTop = divObj.currentStyle.top //仅微软IE支持currentStyle，火狐谷歌不支持 //getCo 阅读全文
posted @ 2012-05-17 22:12 clouds008 阅读(1794) 评论(0) 推荐(0)
Js中的style,currentStyle,getComputedStyle()区别
摘要：Js中的style,currentStyle,getComputedStyle()区别 样式表有三种方式： 1、内嵌样式（inline Style）-是写在Tag里面的，内嵌样式只对所有的Tag有效。 2、内部样式（internal Style Sheet）-是写在HTML的 里面的，内部样式只对所在的网页有效。 3、外部样式表（External Style Sheet）-如果很多网页需要用到同样的样式(Styles)，将样式(Styles)写在一个以.css为后缀的CSS文件里，然后在每个需要用到这些样式(Styles)的网页里引用这个CSS文件。 区别： ... 阅读全文
posted @ 2012-05-17 22:01 clouds008 阅读(595) 评论(0) 推荐(0)
HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth等之完全详解
摘要：HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth到底指的哪到哪的距离之完全详解scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置offs 阅读全文
posted @ 2012-05-17 21:40 clouds008 阅读(553) 评论(1) 推荐(1)
Javascript中的 window.status 属性的使用方法
摘要：当鼠标指向一个链接时，浏览器窗口底部的状态栏通常显示该链接的URL。在文档载入期间，Java applet进行初始化或者其他可能的时候，有些消息会显示在这个位置上。然而，可以用JavaScript在状态栏显示自己的信息，有时这对用户是有益的，比如，可以用一个友好简单的页面描述来代替URL链接。 任何时候都可以把其他文本赋给window.status属性。当光标位于链接上时，为了改变链接的状态栏文本，应该使用link对象的onMouseOver事件处理触发一个动作。设置状态栏的onMouseOver事件处理要求—个附加语句( return true )，它必须是事件处理程序的一部分。这在Jav. 阅读全文
posted @ 2012-05-17 10:38 clouds008 阅读(2250) 评论(0) 推荐(0)
Javascript中的 window.event 所有对象
摘要：window.event对象 event代表事件的状态，例如触发event对象的元素、鼠标的位置及状态、按下的键等等。 event对象只在事件发生的过程中才有效。 event的某些属性只对特定的事件有意义。比如，fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。 (详细)例子 下面的例子检查鼠标是否在链接上单击，并且，如果shift键被按下，就取消链接的跳转。 Java代码 <HTML> <HEAD><TITLE>CancelsLinks</TITLE> <SCRIPTL 阅读全文
posted @ 2012-05-17 10:37 clouds008 阅读(222) 评论(0) 推荐(0)
js中prototype用法
摘要：prototype 是在 IE 4 及其以后版本引入的一个针对于某一类的对象的方法，而且特殊的地方便在于：它是一个给类的对象添加方法的方法！这一点可能听起来会有点乱，别急，下面我便通过实例对这一特殊的方法作已下讲解： 首先，我们要先了解一下类的概念，JavaScript 本身是一种面向对象的语言，它所涉及的元素根据其属性的不同都依附于某一个特定的类。我们所常见的类包括：数组变量(Array)、逻辑变量(Boolean)、日期变量(Date)、结构变量(Function)、数值变量(Number)、对象变量(Object)、字符串变量(String) 等，而相关的类的方法，也是程序员经常用到的. 阅读全文
posted @ 2012-05-14 12:28 clouds008 阅读(201) 评论(0) 推荐(0)
Javascript中的冒号
摘要：javascript的冒号 用途：1、switch语句分支 switch (s) { case 条件1: 语句1; break; case 条件2: 语句2; break; } 2、?: 三元表达式 --又称“三目运算符” a>b? "L":"S" --如果a大于b则执行L，否则执行S ---'?'是在为true的情况下执行 ':'是在为false的情况下执行3、声明对象直接量的成员 什么是对象直接量？ 对象直接量（也称为对象初始化程序）是由一个列表构成的，这个列 表的元素是用冒号分隔的属性/值对，元素之 间用逗号隔 阅读全文
posted @ 2012-05-14 11:40 clouds008 阅读(1603) 评论(0) 推荐(0)
Js调用游览器的外部方法(设首页，收藏夹等游览器操作)
摘要：在js中可以操作游览器的方法。用window对象的external属性掉方法。如： （window.external 对象详解允许访问由 Microsoft® Internet Explorer 浏览器组件宿主应用程序提供的附加对象模型。成员表下面列出了 external 对象引出的成员。方法 描述 AddChannel 显示一个对话框，允许用户输入指定的频道，或当已安装时更改频道的 URL。 AddDesktopComponent 向 Microsoft® 活动桌面® 中添加 Web 站点或图像。 AddFavorite 出现一个对话框提示用户将指定的 URL 阅读全文
posted @ 2012-05-12 23:47 clouds008 阅读(581) 评论(0) 推荐(0)
js中document.documentElement 和document.body 以及其属性
摘要：（原来HTML里是document.body --XHTML里是document.documentElement ,都指的是<body>节点(OR元素)）在设计页面时可能经常会用到固定层的位置，这就需要获取一些html对象的坐标以更灵活的设置目标层的坐标，这里可能就会用到document .body.scrollTop等属性，但是此属性在xhtml标准网页或者更简单的说是带<!DOCTYPE ..>标签的页面里得到的结果是0，如果不要此标签则一切正常，那么在xhtml页面怎么获得body的坐标呢，当然有办法-使用document .documentElement来取代d 阅读全文
posted @ 2012-05-11 20:47 clouds008 阅读(9797) 评论(4) 推荐(0)
javaScript中的事件驱动
摘要：javascript中的事件驱动是通过 鼠标或热键 的动作引发的 主要事件如下： 1、鼠标单击事件 onclick 如：( <input type="button" value="鼠标单击" onclick="执行语句.处理" />) 通常用于如下控件： button 按钮对象 checkbox 复选框或检查列表 --配合onclick单击事件，通常用于全选效果 radio 单选按纽 reset 重置按钮 submit提交按钮 2、内容改变事件 onchange 如：(<input type="text&q 阅读全文
posted @ 2012-04-24 11:48 clouds008 阅读(1074) 评论(0) 推荐(0)
ActiveXObject 所支持的参数对象部分列表(自带)
摘要：var A = new ActiveXObject("xxx.xxx");其中xxx.xxx 可替换如下列表~Wscript.ShellWScript.NetworkSQLOLE.SQLServerShell.ApplicationScripting.SignerScripting.DictionaryScripting.FileSystemObjectpowerpoint.ApplicationOutlook.ApplicationMSXML2.XMLHTTPMsxml2.DOMDocument.3.0Msxml2.DOMDocumentMSWC.NextLinkMSWC 阅读全文
posted @ 2012-04-21 00:28 clouds008 阅读(872) 评论(2) 推荐(0)
javaScript杂记
摘要：javaScript是一种客户端脚本。 由客户端执行- 减少服务器的压力- 在javascript中，声明变量的关键字是var 所有的类型都是这个关键字。javascript是一门弱语言。和vbscript一样支持 很多属性和方法-- javaScript设置背景色： 1、可以通过document.bgColor = xxx;对象属性设置 (比较老 。建议通过控制样式来进行) 2、可以通过控制样样式 document.body.style.backgroundColor="颜色值"; 样式背景参照表: 属性描述IEFOW3Cbackgr... 阅读全文
posted @ 2012-04-20 15:26 clouds008 阅读(138) 评论(0) 推荐(0)