Javascript
永远爱好写程序
这个作者很懒,什么都没留下…
展开
-
JavaScript面向对象编程深入分析
JavaScript面向对象编程深入分析一. Javascript 面向对象编程:封装Javascript是一种基于对象(object-based)的语言,你遇到的所有东西几乎都是对象。但是,它又不是一种真正的面向对象编程(OOP)语言,因为它的语法中没有class(类)。那么,如果我们要把"属性"(property)和"方法"(method),封装成一个对象,甚至要从原型对象转载 2013-01-31 16:38:29 · 679 阅读 · 0 评论 -
Javascript 递归打印Document层次关系
http://www.w3.org/1999/xhtml"> 递归显示节点层次关系 var ResultStr = ""; function ListNode(node,level) { PrintInfo(node, level); level++; var原创 2013-01-25 11:01:06 · 761 阅读 · 0 评论 -
Javascript 节点关系
http://www.w3.org/1999/xhtml"> 节点关系 function Demo() { var divObj = document.getElementById("divDemo"); //获取父节点 var parentNode = divObj.pare原创 2013-01-25 09:44:24 · 1307 阅读 · 0 评论 -
Javascript中的With语句
http://www.w3.org/1999/xhtml"> With语句(类似于VB中的) function Student(name, age) { this.name = name; this.age = age; } var stu = new Student原创 2013-01-24 15:32:47 · 359 阅读 · 0 评论 -
javascript函数特点
http://www.w3.org/1999/xhtml"> javascript函数特点(重要) function show() { //注意这个函数声明时没有定义任何传入参数 //打印出所有传入的参数 for (var x = 0; x原创 2013-01-24 14:01:17 · 625 阅读 · 0 评论 -
Javascript prototype属性使用(给内置对象添加新的方法,方便调用)
http://www.w3.org/1999/xhtml"> prototype属性使用(给内置对象添加新的方法,方便调用) function getMaxFunc() { var max = this[0]; for (var i in this) { if (max原创 2013-01-24 17:04:07 · 1013 阅读 · 0 评论 -
Javascript 进制转换
http://www.w3.org/1999/xhtml"> 进制转换 var x = 6; var num = x.toString(2); //把整数转换为2进制,注意toString方法中的2表示”二进制“ //alert("num=" + num); var z = "110";原创 2013-01-24 16:08:50 · 437 阅读 · 0 评论 -
Javascript中的For In语句
http://www.w3.org/1999/xhtml"> For In 语句 function Student(name, age) { this.name = name; this.age = age; } var stu = new Stu原创 2013-01-24 15:42:16 · 436 阅读 · 0 评论 -
javascript中的动态函数
http://www.w3.org/1999/xhtml"> 动态函数 var show = new Function("x", "y", "var sum=x+y; return sum;"); //注意new Function 定义动态函数,F大写 var result = show(3, 5);原创 2013-01-24 14:11:34 · 399 阅读 · 0 评论 -
javascript用函数实现对象
http://www.w3.org/1999/xhtml"> 利用函数实现对象(重要) function Person(name, age) { //定义属性,同时初始化 this.name = name; this.age = age; //定义方法原创 2013-01-24 14:29:15 · 446 阅读 · 0 评论 -
javascript dom 动态创建省市纵向列表菜单
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml"> 动态创建纵向列表 a { color: #000; text-decoration: none; } a:hover { color: #F00; }原创 2013-01-07 11:26:28 · 1137 阅读 · 0 评论 -
javascript DOM 带下拉子菜单的导航菜单
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml"> body { font-family: Verdana; font-size: 12px; line-height: 1.5; } a { color: #原创 2013-01-07 13:18:13 · 899 阅读 · 0 评论 -
javascript DOM 权限选择案例
权限选择 //====================多选操作==================================== function selMultiple(selectSrc, selectDes) { for (var i = selectSrc.childNodes.length - 1; i >=原创 2013-01-06 10:52:20 · 690 阅读 · 0 评论 -
javascript IE8/IE9上打开弹出窗口时,地址栏和状态栏仍显示的解决办法
使用JavaScript在IE8/IE9上打开弹出窗口时,地址栏和状态栏仍显示的解决办法2个经过调查,由于IE8/IE9的安全级别得到了提高.弹出窗口在默认情况下是肯定会显示地址栏和状态栏的.据调查,通过js也是没有办法控制这点的.但是通过修改浏览器的设置是可以达到目的的.1)将域名添加到IE的信任列表2)修改高级属性 工具⇒Internet选项⇒安全⇒Inter原创 2013-01-25 13:55:09 · 5469 阅读 · 0 评论 -
javascript DOM 清空table
javascript dom清空table的方法 [1]通常方法循环table的rows,然后一个一个删除。这个方法是通常的方法,可行,但是效率不好。[2]另一个方法 var artTable = document.getElementById("artical_table"); console原创 2013-01-10 16:19:52 · 3072 阅读 · 0 评论 -
Javascript 取消超级链接效果
Javascript取消链接效果javascript:void(0)">测试链接原创 2013-01-25 14:45:19 · 825 阅读 · 0 评论 -
Javascript 跨浏览器基础事件,浏览器检测,判断浏览器的名称、版本号、操作系统
跨浏览器基础事件View Code 1 //跨浏览器添加事件 2 function addEvent(obj, type, fn) { 3 if (obj.addEventListener) { 4 obj.addEventListener(type, fn, false); 5 } else if (obj.attachEve转载 2013-01-31 16:44:42 · 940 阅读 · 0 评论 -
javascript 表格增删改
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml"> var _OTable_ = null; var _oTbody_ = null; var _arrSelect_ = new Array转载 2013-01-30 09:43:02 · 1366 阅读 · 0 评论 -
javascript 可以全选反选删除的表格(比较全面的操作了表格)
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml"> 可以全选反选删除的表格 body,table { margin:0; padding:0;原创 2013-01-29 11:29:06 · 2011 阅读 · 1 评论 -
JavaScript的中offsetWidth,的offsetHeight
JavaScript的中offsetWidth是什么意思?最佳答案:是对象的可见宽度,包滚动条等边线,会随窗口的显示大小改变scrollWidth,clientWidth与offsetWidth的区别scrollWidth是对象的实际内容的宽,不包边线宽度,会随对象中内容的多少改变(内容多了可能会改变对象的实际宽度)。clientWidth是对象可见的宽度,不包滚动条等边线转载 2013-01-28 16:59:20 · 1656 阅读 · 0 评论 -
Javascript 飞动的广告
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml"> 飞动的广告 body,div,p { margin:0; padding:0;原创 2013-01-28 17:33:36 · 906 阅读 · 0 评论 -
javascript Table排序
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml"> 表格排序 body { margin:0; padding:0; font-si原创 2013-01-28 14:12:40 · 493 阅读 · 0 评论 -
javascript 商品列表统计金额(checkbox)
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml"> 商品列表统计金额 body,div,p { margin:0; paddi原创 2013-01-28 15:32:17 · 1089 阅读 · 0 评论 -
Javascript 动态创建表格(还能删除行列)
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml"> 动态创建表格(还能删除行列) body,div { margin:0; p原创 2013-01-28 13:26:37 · 974 阅读 · 0 评论 -
Javascript 通过overflow控制列表闭合展开
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml"> 通过overflow控制列表闭合展开 div dl { margin:0; padding:0;原创 2013-01-25 16:59:23 · 1529 阅读 · 0 评论 -
javascript DOM attachEvent
一般我们在JS中添加事件,是这样子的obj.onclick=method这种绑定事件的方式,兼容主流浏览器,但如果一个元素上添加多次同一事件呢?obj.onclick=method1obj.onclick=method2obj.onclick=method3如果这样写,那么只有最后绑定的事件,这里是method3会被执行,这个时候我们就不能用onclick这样的写法了,主角原创 2013-01-11 10:52:37 · 897 阅读 · 0 评论 -
Table间隔色以及选择高亮(和动态切换数据)
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml" > Table间隔色以及选择高亮(和动态切换数据) var Datas1 = { "李莫": "毕业于清华大学", "周平":原创 2013-01-10 17:21:41 · 1188 阅读 · 0 评论 -
javascript DOM 复选框选择
复选框全选全清和反选 //取得所有的复选框对象数组 function GetAllCheckBox() { var div = document.getElementById("Balls"); var inputs = div.getElementsByTagName("input");原创 2013-01-06 09:36:01 · 567 阅读 · 0 评论 -
javascript DOM 省市级联下拉框
http://www.w3.org/1999/xhtml"> 省市级联下拉框 var provs = { "江西省": ["南昌市", "景德镇", "九江", "鹰潭", "萍乡", "新馀", "赣州", "吉安", "宜春", "抚州", "上饶"], "福建省": ["福州", "厦门", "莆田", "三明", "泉州原创 2013-01-05 15:07:27 · 1086 阅读 · 0 评论 -
javascript 跟着鼠标飞的图片
元素的position样式值:static(无定位,显示在默认位置),absolute(绝对定位),fixed(相对于窗口的固定定位,位置不会随着浏览器的滚动而变化,IE6不支持),relative(相对元素默认位置的定位).如果要通过代码修改元素的坐标则一般使用absolute,然后修改元素的top(上边缘距离),left(左边缘距离)两个样式值.案例:跟着鼠标飞的图片。提示:鼠原创 2012-12-26 15:54:08 · 861 阅读 · 0 评论 -
IE中body的事件范围
IE中如果在body上添加onclick,onmousemove等事件响应,那么如果页面没有满,则“body”中最后一个元素以下(横向不限制)的部分是无法响应事件的,必须使用代码在document上监听那些事件,比如document.onmousemove=MovePichttp://www.w3.org/1999/xhtml"> IE中body的事件范围原创 2012-12-26 14:17:23 · 1265 阅读 · 0 评论 -
javascript 评分控件(鼠标滑动)
http://www.w3.org/1999/xhtml"> function ArrayIndexof(arr, inElement) { for (var i = 0; i if (arr[i] == inElement) { return i;原创 2012-12-26 14:04:11 · 677 阅读 · 0 评论 -
javascript 元素的位置,大小单位
1.通过dom读取元素的top,left,width,height等取到的值不是数字,而是“10px”这样的 字符串;为这些属性设值的时候IE可以是80,90这样的数字,FireFox必须是"80px","90%"等 这样的字符串形式,为了兼容统一用字符串形式2.如果要修改元素的大小(宽度加10),则首先要取出元素的宽度,然后用parseInt将宽度转换 为数字(par原创 2012-12-26 15:52:53 · 657 阅读 · 0 评论 -
javascript (链接单选)
http://www.w3.org/1999/xhtml"> 链接单选 function IniEvent() { var links = document.getElementsByTagName("a"); for (var i = 0; i links[i].o原创 2012-12-25 17:06:47 · 643 阅读 · 0 评论 -
javascript 无刷新评论
http://www.w3.org/1999/xhtml"> 无刷新评论 function AppendComment() { //获取昵称文本框的值 var nicknameValue = document.getElementById("nickName").value;原创 2012-12-25 09:47:47 · 918 阅读 · 0 评论 -
javascript 动态创建table数据(处理了ie6,7兼容问题)
http://www.w3.org/1999/xhtml"> 添加网格数据(处理了IE兼容问题) function AppendData() { var data = {"中国新鸽网":"http://www.chinaxinge.com", "百度":"http://www.b原创 2012-12-24 14:06:01 · 1169 阅读 · 0 评论 -
javascript (table选中的行以指定颜色高亮显示)
http://www.w3.org/1999/xhtml"> table选中的行以指定颜色高亮显示 function IniEvent() { var tbl = document.getElementById("tblMain"); var trs = tbl.getElementsByTagName原创 2012-12-25 17:06:05 · 5746 阅读 · 0 评论 -
javascript (table间隔色)
http://www.w3.org/1999/xhtml"> table间隔色 function SetTableColor() { var tbl = document.getElementById("tblMain"); var trs = tbl.getElementsByTagName("tr"原创 2012-12-25 17:04:23 · 784 阅读 · 0 评论 -
javascript 动态设置样式style
动态修改style1.易错:修改元素的样式不是设置class属性,而是className属性.2.易错:单独修改样式的属性使用"style.属性名".注意在css中属性名在javascript中 操作的时候属性名可能不一样,主要集中在那些属性名中含有-的属性,因为 javascript中-是不能做属性,类名的。所以在CSS中背景色是background-clolor,原创 2012-12-25 13:03:38 · 24425 阅读 · 0 评论 -
javascript 模拟评分控件
http://www.w3.org/1999/xhtml"> 动态设置style(评分效果) //查找一个元素在数组中的索引位置 function ArrayIndexOf(arr, element) { for (var i = 0; i if (arr[i] == ele原创 2012-12-25 14:12:25 · 659 阅读 · 0 评论