javaSrcipt常用函数
文章平均质量分 59
Ade子夜
这个作者很懒,什么都没留下…
展开
-
css 兼容通过判断不同的浏览器
只要在head引入就可以/**************************************/放在js的目录下 judge_browsers.js如下:var Sys = {}; var ua = navigator.userAgent.toLowerCase(); var s; (s = ua.match(/msie ([\d.]+原创 2012-04-11 10:13:01 · 1101 阅读 · 0 评论 -
有关getAttribute()方法和setAttribute()方法的说明
js getAttribute()方法●一份文档就是一棵节点树。 ●节点分为不同的类型:元素节点、属性节点和文本节点等。 ●getElementById()方法将返回一个对象,该对象对应着文档里的一个特定的元素节点。 ●getElementsByTagName()方法将返回一个对象数组,它们分别对应着文档里的一个特定的元素节点。 ●这些节点中的每个都是一个对象。原创 2010-05-19 00:53:00 · 1170 阅读 · 0 评论 -
JS中对表格排序
本文所实现的表格排序大致可以分为以下几个步骤: 1、取得要排序的所有行,将其引用push到一个数组中 2、根据要排序的行的情况编写数组排序时使用的比较函数 3、对包含所有行引用的数组进行排序 4、将排序后的数组按照指定的顺序把数组所引用的行重新写回DOM 如果您对使用DOM操作表格还不太熟悉,您可以参考一下《使用DOM编写浏览器兼容的Table操作》,如果您对数组的原创 2010-05-19 00:50:00 · 725 阅读 · 0 评论 -
JS 中禁用输入法
在CSS中style="ime-mode:disabled"可以禁用输入法,用脚本控制:obj.style.imeMode = disabled;例子: document.onfocus = function(){document.body.style.imeMode = disabled};原创 2010-05-19 00:49:00 · 1122 阅读 · 0 评论 -
有关select左右移动、上下移动、双击移动效果代码
通过select实现了内容互相移动的效果。如图所示效果。有关代码: http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> Untitled Document function原创 2010-05-18 23:50:00 · 666 阅读 · 0 评论 -
javaScript_xxxDialog用法将div中的内容显示在一个新的html中
js中showModalDialog和showModelessDialog的使用基本介绍:showModalDialog() (IE 4+ 支持)showModelessDialog() (IE 5+ 支持)window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框。window.showModelessDialog()方法用来创建一个显示HTML内容的非模态原创 2010-05-18 23:16:00 · 1163 阅读 · 0 评论 -
JavaScript 常用函数(20100518)
javascript提供了许多函数供开发人员使用,下面给出一个简单介绍,更详细的信息请参考Visual InterDev提供的在线帮助。 javascript函数一共可分为五类: ·常规函数 ·数组函数 ·日期函数 ·数学函数 ·字符串函数 1.常规函数 javascript常规函数包括以下9个函数: (1)alert函数:显示一个警告对话框,包括一个OK按钮。转载 2010-05-18 22:53:00 · 580 阅读 · 0 评论 -
SPAN元素和DIV元素有什么区别?
最明显的区别是:DIV(division)是一个块级元素,可以包含段落、标题、表格,乃至诸如章节、摘要和备注等。而SPAN 是行内元素,SPAN 的前后是不会换行的,它没有结构的意义,纯粹是应用样式,当其他行内元素都不合适时,可以使用SPAN。块元素相当于内嵌元素在前后各加一个换行。其实,块元素和行内元素也不是一成不变的,只要给块元素定义display:inline,块元素就成了内嵌元素,同样地,原创 2010-05-19 01:50:00 · 549 阅读 · 0 评论 -
Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等)
1判断select选项中 是否存在Value="paraValue"的Item 2向select选项中 加入一个Item 3从select选项中 删除一个Item 4删除select中选中的项 5修改select选项中 value="paraValue"的text为"paraText" 6设置select中text="paraText"的第一个Item为选中 7设置select中value="pa原创 2010-05-19 01:46:00 · 819 阅读 · 0 评论 -
JavaScript事件大全3
//无模式的提示框 //屏蔽按键 屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键 //屏蔽鼠标右键、Ctrl+N、Shift+F10、F11、F5刷新、退格键 //Author: meizz(梅花雨) 2002-6-18 function document.oncontextmenu(){event.return原创 2010-05-19 01:39:00 · 668 阅读 · 0 评论 -
JS技巧大全
事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event.ctrlKey 事件返回值 event.r原创 2010-05-19 01:15:00 · 426 阅读 · 0 评论 -
用两种方式创建Table
createElement() //创建一个HTML元素 setAttribute() //设置一个属性 appendChild() //向页面或向某个元素里添加元素 removeChild() //删除元素 insertRow() //添加表格行 insertCell() //添加单元格 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.原创 2010-05-19 01:04:00 · 679 阅读 · 0 评论 -
JavaScript验证正则表达式大全
JavaScript验证正则表达式大全,搜集最全的JavaScript验证正则表达式,开始查看吧,这里的都是正则表达式的例子,具体和函数结合的使用方法,还请查看下篇文章《JavaScript使用正则表达式进行验证》匹配中文字符的正则表达式: [u4e00-u9fa5]评注:匹配中文还真是个头疼的事,有了这个表达式就好办了匹配双字节字符(包括汉字在内):[^x00-xff]评注:可以用来计算原创 2010-05-19 01:28:00 · 379 阅读 · 0 评论 -
文字太长换行和解析html标签
<br /><table width="100%" border="0" cellspacing="0" cellpadding="0" style="WORD-WRAP: break-word" ><br /> <tr><br /> <td class="executive_td"><br /> Website:<br /> </td><br /> </tr><br /> <tr><br /> <td nowrap="nowrap"><br /><div style="原创 2010-11-10 10:47:00 · 3264 阅读 · 0 评论 -
在jsp 中加锚点
<br /><%-- <a href="javascript:void(0)" class="btn_hSave29" style="text-decoration: none;" <br /><!--style="text-decoration: none;" 把下划线去掉 --> 要设锚点的id 即可<br /> <br /> onclick="document.getElementById('contact_temp_id').scrollIntoView();">Contact Candidate原创 2010-12-16 21:48:00 · 2858 阅读 · 0 评论 -
正则表达式匹配数字,斜杠一个或多个
使用match它时,如果没有设置全局标志 (g),数组的 0 元素包含整个匹配,而第 1 到 n 元素包含了匹配中曾出现过的任一个子匹配。这相当于没有设置全局标志的 exec 方法。如果设置了全局标志,元素 0 到 n 中包含所有匹配。//匹配斜杠一个或多个斜杠 var results=m.match(new RegExp("///+","gi")); //匹配数字一个或多个 var results=str.match(new RegExp("//d+","gi"))原创 2010-12-03 14:09:00 · 22474 阅读 · 1 评论 -
JavaScript 年月日 代码怎么判断
<br />//检查某字符串是否为日期<br />function IsDate(str)<br />{<br />if(str=='')returntrue;<br />var r=str.match(/^(/d{1,4})(-|//)(/d{1,2})/2(/d{1,2})$/);<br />if(r==null)returnfalse;<br />var d=new Date(r[1],r[3]-1,r[4]);<br />return(d.getFullYear()==r[1]&&(d.getMon原创 2010-06-17 00:40:00 · 759 阅读 · 0 评论 -
js取得数组任意个不重复的随机数组元素
<br /><script language="javascript"><br />//从一个给定的数组arr中,随机返回num个不重复项<br />function getArrayItems(arr, num) {<br />//新建一个数组,将传入的数组复制过来,用于运算,而不要直接操作传入的数组;<br /> var temp_array = new Array();<br />for (var index in arr) {<br />temp_array.push(arr[index]);原创 2010-06-19 14:54:00 · 2491 阅读 · 0 评论 -
JS语法字典
<br />1.document.write(""); 输出语句<br />2.JS中的注释为//<br />3.传统的HTML文档顺序是:document->html->(head,body)<br />4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)<br />5.得到表单中元素的名称和值:document.getElementById("表单中元素的ID号").name(或value)<br />6.一个小写转原创 2010-06-13 14:09:00 · 538 阅读 · 0 评论 -
用正则表达式将空格
var s= document.getElementById("InputBox").value;//document.write(s + "");alert(s.length);var reg = /^/s*(/S+)/s*$/;var space = "/^/s*(.*?)/s+$/"; //str.replace(/^/s*|/s*$/g,"")tmp=//s+/g; 去掉输入框的所原创 2010-05-25 13:32:00 · 1178 阅读 · 0 评论 -
AJAX分段下载/读取HTML内容(有效节省带宽加快运行速度)
AJAX分段下载/读取HTML内容(有效节省带宽加快运行速度) 本来以为自己已经算是对AJAX技术了如指掌了,因为从3年前就一直用XMLHttpRequest对象做一些无刷新页面的处理工作,但是,直道今天在工作中遇到了一个分段读取内容的问题,我才了解到,自己原来还需要补充。 基本的问题是这样的: 我需要设计一个框架,需要承载500万以上用户访问(公司毕竟是中国用户最多的互联网企业)。我们用了大量的静态化技术,为了应对可能出现的高负载,我们还是用了一些公司内自主研转载 2010-07-15 10:11:00 · 2417 阅读 · 0 评论 -
JavaScript 对象与数组参考大全
本文列举了各种JavaScript对象与数组,同时包括对上述每一对象或数组所完成工作的简短描述,以及与其相关的属性方法,以及事件处理程序。 B.1 anchor对象 使用标记创建的HTML描点能被一个链接作为目标如果锚点包括HREF=特性,则它也是一个链接对象。 anchor对象是document对象的一个属性,它本身没有属性方法或者事件处理程序。 B.2 anchors数组 ancho原创 2010-05-19 01:53:00 · 456 阅读 · 0 评论 -
Javascript刷新页面大全
非模态刷新父页面:window.opener.location.reload(); 模态刷新父页面:window.dialogArguments.location.reload(); 先来看一个简单的例子: 下面以三个页面分别命名为frame.html、top.html、bottom.html为例来具体说明如何做。 frame.html 由上(top.html)下(botto原创 2010-05-19 01:31:00 · 476 阅读 · 0 评论 -
js中获取各种尺寸
//各种尺寸s += "/r/n网页可见区域宽:"+ document.body.clientWidth; s += "/r/n网页可见区域高:"+ document.body.clientHeight; s += "/r/n网页可见区域高:"+ document.body.offsetWeight +" (包括边线的宽)"; s += "/r/n网页可见原创 2010-05-19 01:14:00 · 464 阅读 · 0 评论 -
js生成word文档有关资料
单元格1 单元格2 单元格3 单元格4 单元格合并test function MakeWord() { var word = new ActiveXObject("Word.Application"); // var doc = word .documents.open("c:/test.doc"); //此处为打开已有的模版var doc = word .Do原创 2010-05-19 01:08:00 · 1188 阅读 · 0 评论 -
鼠标经过改变表格背景属性实例
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">test.tab table{ border-collapse:collapse; width:500px;}.tab td{ border:1px solid #999; height:26px;}  原创 2010-05-19 01:07:00 · 413 阅读 · 0 评论 -
event.cancelBubble的理解
关于event.cancelBubble由于HTML中的对象都是层次结构,比如一个Table包含了多个TR,一个TR包含了多个TD Bubble就是一个事件可以从子节点向父节点传递,比如鼠标点击了一个TD,当前的event.srcElement就是这个TD,但是这种冒泡机制使你可以从TR或者Table处截获这个点击事件,但是如果你event.cancelBubble,则就不能上传事件。取消事件原创 2010-05-19 01:01:00 · 553 阅读 · 0 评论 -
Table的两个属性rowIndex与cellIndex
HTML DOM rowIndex属性功能:返回表格中行的序号。语法:object.rowIndex说明:该属性只读。rowIndex用于判断当前单元格所处行的索引(从0开始)实例1获取指定行在表格中的序号。123456document.write( document.getElementById("rr").rowIndex );通常我们可以把他们的事件写在TD里原创 2010-05-19 00:59:00 · 1232 阅读 · 0 评论 -
js 中有关toFixed的用法
定义和用法toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。语法NumberObject.toFixed(num)参数 描述num 必需。规定小数的位数,是 0 ~ 20 之间的值,包括 0 和 20,有些实现可以支持更大的数值范 围。如果省略了该参数,将用 0 代替。(注意:原创 2010-05-19 00:56:00 · 494 阅读 · 0 评论 -
浅析Javascript原型继承
浅析Javascript原型继承 收藏 http://blog.csdn.net/kittyjie/archive/2009/07/26/4380918.aspx JS没有提供所谓的类继承,据说在2.0中要加入这种继承方式,但是要所有浏览器都实现2.0的特性那肯定又得N多年。昨天看了crockford的一个视频,里面讲解了一下JS的继承方式,按照PPT里面说的,一共分了三类:Prototypa原创 2010-05-19 00:11:00 · 360 阅读 · 0 评论 -
有关div页面拖动、缩放、关闭、遮罩效果代码
http://www.w3.org/1999/xhtml"> UntitledDocument #rRightDown,#rLeftDown,#rLeftUp,#rRightUp,#rRight,#rLeft,#rUp,#rDown{ position:absolute; background:#00F;原创 2010-05-18 23:58:00 · 884 阅读 · 0 评论 -
有关javascript:insertAdjacentHTML和javascript:insertAdjacentElement的用法
添加HTML内容与文本内容以前用的是innerHTML与innerText方法,最近发现还有insertAdjacentHTML和insertAdjacentText方法,这两个方法更灵活,可以在指定的地方插入html内容和文本内容。 insertAdjace添加HTML内容与文本内容以前用的是innerHTML与innerText方法,最近发现还有insertAdjacentHTML和inser原创 2010-05-18 23:45:00 · 385 阅读 · 0 评论 -
有关去掉html中的两端字符
如何有一个字符串是这样的形式str = "&bbbLAA";想得到"L"的话可以这样去实现://sDataStr = "&bbbLAA";//sLeftQuote = ""&bbb";//sRightQuote = "&AA";调用这个方法将得到L字段。function abCutString( sDataStr, sLeftQuote, sRightQuote){ va原创 2010-05-18 23:43:00 · 534 阅读 · 0 评论 -
js 对页面table数据排序
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> 无标题文档 //排序 tableId: 表的id,iCol:第几列 ;dataType:iCol对应的列显示数据的数据类型 function sortAble(tableId, i原创 2010-05-18 23:37:00 · 489 阅读 · 0 评论 -
如何实现动态创建iframe,以及拖动iframe
创建内嵌浮动框架。成员表下面的表格列出了 iframe 对象引出的成员。请单击左侧的标签来选择你想要查看的成员类型。标签属性/属性 显示: 标签属性/属性 行为 集合 事件 滤镜 方法 对象 样式 标签属性 属性 描述 ALIGN align 设置或获取表格排列。 ALLOWTRANSPARENCY allowTransparency 设置或获取对象是否可为透明。 APPLICAT原创 2010-05-18 23:24:00 · 874 阅读 · 0 评论 -
js_document有关getElementsByName 定义和用法
getElementsByName 定义和用法 getElementsByName() 方法可返回带有指定名称的对象的集合。语法 document.getElementsByName(name)该方法与 getElementById() 方法相似,但是它查询元素的 name 属性,而不是 id 属性。 另外,因为一个文档中的 name 属性可原创 2010-05-18 23:04:00 · 1703 阅读 · 0 评论 -
有关框架左右同时滚动效果。
window.onscroll=function(){ parent.menu.document.body.scrollLeft = document.body.scrollLeft + px; }原创 2010-05-19 01:03:00 · 380 阅读 · 0 评论 -
iframe中如何插入html
http://www.w3.org/TR/html4/loose.dtd"> var ed = null; window.onload = function() { var o = document.getElementById("ss"); ed = document.all?o.contentWindow.document:o.contentDoc原创 2010-05-19 01:05:00 · 1809 阅读 · 0 评论 -
有关去掉html中的两端字符
如何有一个字符串是这样的形式str = "&bbbLAA";想得到"L"的话可以这样去实现://sDataStr = "&bbbLAA";//sLeftQuote = ""&bbb";//sRightQuote = "&AA";调用这个方法将得到L字段。function abCutString( sDataStr, sLeftQuote, sRightQuote){ va原创 2010-05-18 23:39:00 · 448 阅读 · 0 评论 -
如何实现动态创建iframe,以及拖动iframe
创建内嵌浮动框架。成员表下面的表格列出了 iframe 对象引出的成员。请单击左侧的标签来选择你想要查看的成员类型。标签属性/属性 显示: 标签属性/属性 行为 集合 事件 滤镜 方法 对象 样式 标签属性 属性 描述 ALIGN align 设置或获取表格排列。 ALLOWTRANSPARENCY allowTransparency 设置或获取对象是否可为透明。 APPLICAT原创 2010-05-19 02:04:00 · 904 阅读 · 0 评论