javascript学习
文章平均质量分 77
寒冥冷煜
热爱互联网,专注于web前端开发。熟悉Html、CSS和Javascript,以及相关开源框架和技术。比如:Bootstrap、Less、jQuery、Angular、Node.js、Grunt、Bower等。
展开
-
JS获取系统当前日期和时间
New Document function Year_Month(){ var now = new Date(); var yy = now.getYear(); var mm = now.getMonth()+1; var cl = ''; if (now.getDay() == 0) ...2008-06-29 16:31:40 · 118 阅读 · 0 评论 -
javascript中静态方法、实例方法、内部方法和原型的一点见解
1、静态方法的定义 var BaseClass = function() {}; // var BaseClass=new Function();BaseClass.f1 = function(){//定义静态方法 alert(' This is a static method ');}BaseClass.f1();//This is a static methodv...原创 2011-06-11 15:54:01 · 253 阅读 · 0 评论 -
js对象的克隆
由于js是采用引用传值的,故修改任何一个对象,其关联的对象也会被改变,但很多时候我们只想得到一个对象的拷贝,而非引用。下面提供了一种实现。不过除非程序中需要,否则要避免操作对象的拷贝,因为这样会影响性能,造成太多的递归调用(too much recursive)。 function clone(o) { if (!o) { return o; } else {...原创 2011-06-14 15:02:50 · 57 阅读 · 0 评论 -
javascript常用知识点总结(不断完善)
一、函数中调用函数的实现 /** * 以下为函数中调用函数的实现 * 具体功能实现:通过传值来查找给定数据中是否存在,并返回存在值的数组 * 其中data可以是动态生成的数据 * fn为返回的传参函数,执行fn('data1')后,返回函数,并且该函数中已设置了value值 * callFn 为执行函数,代码中会遍历执行传入函数 */var data = ...原创 2011-07-04 17:15:37 · 106 阅读 · 0 评论 -
浏览器事件机制与自定义事件的实现
一、 0 级 DOM 上的事件和 2 级 DOM 事件机制 0 级 DOM 上的事件又称原始事件模型,所有的浏览器都支持他,而且是通用的。 2 级 DOM 事件机制又为标准事件模型,除了 ie 其他浏览器都支持( ie9 也支持), ie 虽然大部分与标准事件模型一样,但有自己专有的事件模型,因此开发人员要实现标准事件模型必须为 IE 写特定的代码,这给程序员增加了负担。 原始事件模型 ...原创 2011-03-14 14:03:45 · 175 阅读 · 0 评论 -
事件mouseenter和事件mouseleave
为了鼠标操作起来方便,IE实现了mouseenter 和mouseleave事件,不过ExtJs实现了其他浏览器对这两个事件的支持。如果框架中没有用到ExtJs,可以参考ext-base-event.js中的自己实现。 mouseenter不同于mouseover(鼠标经过),它是在第一次鼠标进入节点区域时触发,以后在节点区域内(子节点间)移动时不触发,而onmouseo...原创 2011-03-14 14:52:05 · 208 阅读 · 0 评论 -
javascript contains和compareDocumentPosition 方法来确定是否HTML节点
1、DOMElement.contains(DOMNode) 这个方法起先用在 IE ,用来确定 DOM Node 是否包含在另一个 DOM Element 中。 当尝试优化 CSS 选择器遍历(像:“#id1 #id2”),这个方法很有用。你可以通过 getElementById 得到元素,然后使用 .contains() 确定 #id1 实际上是否包含 #id2。 ...原创 2011-03-30 17:41:00 · 91 阅读 · 0 评论 -
javascript正则表达式总结
正则表达式中特殊字符的含义 1、^^匹配输入字符串的开始位置。如果设置了 RegExp 对象的 Multiline 属性,^ 也匹配 '\n' 或 '\r' 之后的位置。看如下代码: console.info(/^[1-9]\d*$/.test('5'));//trueconsole.info(/^[1-9]\d*$/.test('a5'));//falseconsol...原创 2012-03-16 13:53:00 · 76 阅读 · 0 评论 -
DOM节点中属性nodeName、nodeType和nodeValue的区别
(一)nodeName 属性含有某个节点的名称。元素节点的 nodeName 是标签名称属性节点的 nodeName 是属性名称文本节点的 nodeName 永远是 #text文档节点的 nodeName 永远是 #document注释:nodeName 所包含的 XML 元素的标签名称永远是大写的 (二)nodeValue对于文本节点,nodeValue 属性...原创 2012-03-20 17:31:22 · 217 阅读 · 0 评论 -
键盘KeyCode值列表
keycode 0 =keycode 1 =keycode 2 =keycode 3 =keycode 4 =keycode 5 =keycode 6 =keycode 7 =keycode 8 = BackSpace BackSpacekeycode 9 = Tab Tabkeycode 10 =keycode ...原创 2012-08-28 18:13:31 · 118 阅读 · 0 评论 -
JavaScript中的delete操作符
主要从以下几个方面说一下delete的用法 Javascript变量 delete操作符删除的对象 对变量执行delete的情况 能删除的属性和不能删除的属性 能删除的变量和不能删除的变量delete的返回值 1、Javascript变量 实际上Javascript中,变量等于对象属性,这是因为 Javascript 在执行...原创 2012-04-20 14:17:43 · 185 阅读 · 0 评论 -
table列表中结合ctrl,shift实现多行的选择
以下是简单的实现了table标签单行、多行的选择。建议用ext来实现该功能,美观和效果比这个好。如果不用ext的话,以下的功能完全可以满足table多行选择的需求 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312">...2009-06-12 15:16:35 · 873 阅读 · 0 评论 -
JavaScript中Array(数组)的属性和方法
数组有四种定义的方式使用构造函数:var a = new Array();var b = new Array(8);var c = new Array("first", "second", "third");或者数组直接量:var d = ["first", "second", "third"];属性Array只有一个属性,就是length,length表示的是数组所占内存空间原创 2009-06-03 17:13:07 · 68 阅读 · 0 评论 -
表格自动换行
有时表格中显示的内容不会根据长度的加长而自动换行,显示的效果很是不雅,呵呵其实在table中加入样式 style="table-layout:fixed; word-break:break-all;"即可实现该功能.以下是个小例子,供参考 <html><head><title>表格自动换行</title></head><b..2008-12-02 11:06:19 · 89 阅读 · 0 评论 -
JS创建日历控件
// JavaScript Document/********************************************************************主题:基于CSS&LI的日历显示作者:Smart/Issac说明:1.调用GetCalendar(InputBoxId);2.问题:IE5下隐含框架zIndex属性不支持;Mozilla下尚不支...2008-06-29 16:32:36 · 99 阅读 · 0 评论 -
div垂直和水平居中
精彩内容从这里诞生 用户名 密码 ...2008-06-29 16:34:14 · 71 阅读 · 0 评论 -
setTimeout与setInterval用法与区别
window对象有两个主要的定时方法,分别是setTimeout 和 setInteval 他们的语法基本上相同,但是完成的功能却有区别。 setTimeout方法是定时程序,也就是在设定的时间以后执行一次程序。 setInterval方法则是表示间隔一定时间反复执行。用法: 执行 var time = setTimeout("alert('hel...2008-05-30 09:43:48 · 108 阅读 · 0 评论 -
17种常用的正则表达式
转自:E代时光 "^\\d+$" //非负整数(正整数 + 0) "^[0-9]*[1-9][0-9]*$" //正整数 "^((-\\d+)|(0+))$" //非正整数(负整数 + 0) "^-[0-9]*[1-9][0-9]*$" //负整数 "^-?\\d+$" //整数 "^\\d+(\\.\\d+)?$" //非负2008-05-30 10:10:33 · 76 阅读 · 0 评论 -
window.showModalDialog以及window.open用法简介
一、window.open(pageURL,name,parameters)(一)、基本语法:其中:pageURL 为子窗口路径 name 为子窗口句柄 parameters 为窗口参数(各参数用逗号分隔) (二)、示例: 脚本运行后,page.html将在新窗体newwindow中打开,宽为100,高为400,距屏顶0象素,屏左0象素,无工具...2008-05-30 10:32:45 · 53 阅读 · 0 评论 -
[转]showModalDialog和showModelessDialog使用心得
一、showModalDialog和showModelessDialog有什么不同? showModalDialog:被打开后就会始终保持输入焦点。除非对话框被关闭,否则用户无法切换到主窗口。类似alert的运行效果。 showModelessDialog:被打开后,用户可以随机切换输入焦点。对主窗口没有任何影响(最多是被挡住一下而以。:P)二、怎样才让在showModalDi...2008-05-30 11:09:25 · 53 阅读 · 0 评论 -
javascript 常用代码大全(超级收藏,强烈推荐)
打开模式对话框 返回模式对话框的值 全屏幕打开 IE 窗口脚本中中使用xml 一、验证类 1、数字验证内2、时间类3、表单类4、字符类5、浏览器类6、结合类 二、功能类 1、时间与相关控件类2、表单类 3、打印类 4、事件类 5、网页设计类6、树型结构。7、无边框效果的制作 8、连动下拉框技术 9、文本排序 10,...2008-05-30 11:28:28 · 240 阅读 · 0 评论 -
web一些值得珍藏的脚本代码
1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键<table border oncontextmenu=return(false)><td>no</table> 可用于Table2.<body onselectstart="returnfalse">取消选取、防止复制3.onpas...原创 2008-08-01 09:50:31 · 105 阅读 · 0 评论 -
利用javascript验证输入框中的值是否为日期格式
1、判断是否为年月日时间格式 <script>//去除字符串首尾空格String.prototype.trim = function(){ return this.replace(/(^\s*)|(\s*$)/g, "");}//验证是否为日期function validator(){ if(isDate(document.all.demo1.value.tri...2008-09-02 15:45:01 · 443 阅读 · 0 评论 -
让表格有滚动条的实现
主要是用div样式来控制 例如 <html><head><title> Scroll </title><style>body { overflow: hidden; }</style> </head><body><div style="overf2008-12-02 10:23:15 · 84 阅读 · 0 评论 -
angular分析
angular分析原创 2014-07-08 13:49:36 · 148 阅读 · 0 评论