JavaScript 常用函数


Posted in Javascript onDecember 30, 2009

javascript函数一共可分为五类:

·常规函数

·数组函数

·日期函数

·数学函数

·字符串函数

1.常规函数

javascript常规函数包括以下9个函数:

(1)alert函数:显示一个警告对话框,包括一个OK按钮。

(2)confirm函数:显示一个确认对话框,包括OK、Cancel按钮。

(3)escape函数:将字符转换成Unicode码。

(4)eval函数:计算表达式的结果。

(5)isNaN函数:测试是(true)否(false)不是一个数字。

(6)parseFloat函数:将字符串转换成符点数字形式。

(7)parseInt函数:将符串转换成整数数字形式(可指定几进制)。

(8)prompt函数:显示一个输入对话框,提示等待用户输入。例如:

<script language="javascript">

<!--

alert("输入错误");

prompt("请输入您的姓名","姓名");

confirm("确定否!");

//-->

script>

(9)unescape函数:解码由escape函数编码的字符。

2.数组函数

javascript数组函数包括以下4个函数:

(1)join函数:转换并连接数组中的所有元素为一个字符串。例:

function JoinDemo()

{

 var a, b;

 a = new Array(0,1,2,3,4);

 b = a.join("-");//分隔符

 return(b);//返回的b=="0-1-2-3-4"

}

(2)length函数:返回数组的长度。例:

function LengthDemo()

{

 var a, l;

 a = new Array(0,1,2,3,4);

 l = a.length;

 return(l);//l==5

}

(3)reverse函数:将数组元素顺序颠倒。例:

 function ReverseDemo()

 {

var a, l;

a = new Array(0,1,2,3,4);

l = a.reverse();

return(l);

 }

(4)sort函数:将数组元素重新排序。例:

function SortDemo()

{

 var a, l;

 a = new Array("X" ,"y" ,"d", "Z", "v","m","r");

 l = a.sort();

 return(l);

}

3.日期函数

javascript日期函数包括以下20个函数:

(1)getDate函数:返回日期的"日"部分,值为1~31。例:

 function DateDemo()

 {

var d, s = "Today's date is: ";

d = new Date();

s += (d.getMonth() + 1) + "/";

s += d.getDate() + "/";

s += d.getYear();

return(s);

 }

(2)getDay函数:返回星期几,值为0~6,其中0表示星期日,1表示星期一,...,6表示星期六。例:

 function DateDemo()

 {

var d, day, x, s = "Today is: ";

var x = new Array("Sunday", "Monday", "Tuesday");

var x = x.concat("Wednesday","Thursday", "Friday");

var x = x.concat("Saturday");

d = new Date();

day = d.getDay();

return(s += x[day]);

 }

(3)getHouse函数:返回日期的"小时"部分,值为0~23。例。

 function TimeDemo()

 {

var d, s = "The current local time is: ";

var c = ":";

d = new Date();

s += d.getHours() + c;

s += d.getMinutes() + c;

s += d.getSeconds() + c;

s += d.getMilliseconds();

return(s);

 }

(4)getMinutes函数:返回日期的"分钟"部分,值为0~59。见上例。

(5)getMonth函数:返回日期的"月"部分,值为0~11。其中0表示1月,2表示3月,...,11表示12月。见前面的例子。

(6)getSeconds函数:返回日期的"秒"部分,值为0~59。见前面的例子。

(7)getTime函数:返回系统时间。

 function GetTimeTest()

 {

var d, s, t;

var MinMilli = 1000 * 60;

var HrMilli = MinMilli * 60;

var DyMilli = HrMilli * 24;

d = new Date();

t = d.getTime();

s = "It's been "

s += Math.round(t / DyMilli) + " days since 1/1/70";

return(s);

 }

(8)getTimezoneOffset函数:返回此地区的时差(当地时间与GMT格林威治标准时间的地区时差),单位为分钟。

 function TZDemo()

 {

var d, tz, s = "The current local time is ";

d = new Date();

tz = d.getTimezoneOffset();

if (tz < 0)

s += tz / 60 + " hours before GMT";

else if (tz == 0)

s += "GMT";

else

s += tz / 60 + " hours after GMT";

return(s);

 }

(9)getYear函数:返回日期的"年"部分。返回值以1900年为基数,例如1999年为99。前面有例子。

(10)parse函数:返回从1970年1月1日零时整算起的毫秒数(当地时间)。

 function GetTimeTest(testdate)

 {

var d, s, t;

var MinMilli = 1000 * 60;

var HrMilli = MinMilli * 60;

var DyMilli = HrMilli * 24;

d = new Date();

t = Date.parse(testdate);

s = "There are "

s += Math.round(Math.abs(t / DyMilli)) + " days "

s += "between " + testdate + " and 1/1/70";

return(s);

 }

(11)setDate函数:设定日期的"日"部分,值为0~31。

(12)setHours函数:设定日期的"小时"部分,值为0~23。

(13)setMinutes函数:设定日期的"分钟"部分,值为0~59。

(14)setMonth函数:设定日期的"月"部分,值为0~11。其中0表示1月,...,11表示12月。

(15)setSeconds函数:设定日期的"秒"部分,值为0~59。

(16)setTime函数:设定时间。时间数值为1970年1月1日零时整算起的毫秒数。

(17)setYear函数:设定日期的"年"部分。

(18)toGMTString函数:转换日期成为字符串,为GMT格林威治标准时间。

(19)setLocaleString函数:转换日期成为字符串,为当地时间。

(20)UTC函数:返回从1970年1月1日零时整算起的毫秒数,以GMT格林威治标准时间计算。

4.数学函数

javascript数学函数其实就是Math对象,它包括属性和函数(或称方法)两部分。其中,属性主要有下列内容。

Math.e:e(自然对数)、Math.LN2(2的自然对数)、Math.LN10(10的自然对数)、Math.LOG2E(e的对数,底数为2)、   

      Math.LOG10E(e的对数,底数为10)、Math.PI(π)、Math.SQRT1_2(1/2的平方根值)、Math.SQRT2(2的平方根值)。

函数有以下18个:

(1)abs函数:即Math.abs(以下同),返回一个数字的绝对值。

(2)acos函数:返回一个数字的反余弦值,结果为0~π弧度(radians)。

(3)asin函数:返回一个数字的反正弦值,结果为-π/2~π/2弧度。

(4)atan函数:返回一个数字的反正切值,结果为-π/2~π/2弧度。

(5)atan2函数:返回一个坐标的极坐标角度值。

(6)ceil函数:返回一个数字的最小整数值(大于或等于)。

(7)cos函数:返回一个数字的余弦值,结果为-1~1。

(8)exp函数:返回e(自然对数)的乘方值。

(9)floor函数:返回一个数字的最大整数值(小于或等于)。

(10)log函数:自然对数函数,返回一个数字的自然对数(e)值。

(11)max函数:返回两个数的最大值。

(12)min函数:返回两个数的最小值。

(13)pow函数:返回一个数字的乘方值。

(14)random函数:返回一个0~1的随机数值。

(15)round函数:返回一个数字的四舍五入值,类型是整数。

(16)sin函数:返回一个数字的正弦值,结果为-1~1。

(17)sqrt函数:返回一个数字的平方根值。

(18)tan函数:返回一个数字的正切值。

5.字符串函数

javascript字符串函数完成对字符串的字体大小、颜色、长度和查找等操作,共包括以下20个函数:

(1)anchor函数:产生一个链接点(anchor)以作超级链接用。anchor函数设定的链接点的名称,另一个函数link设定的URL地址。

(2)big函数:将字体加到一号,与...标签结果相同。

(3)blink函数:使字符串闪烁,与...标签结果相同。

(4)bold函数:使字体加粗,与...标签结果相同。

(5)charAt函数:返回字符串中指定的某个字符。

(6)fixed函数:将字体设定为固定宽度字体,与...标签结果相同。

(7)fontcolor函数:设定字体颜色,与标签结果相同。

(8)fontsize函数:设定字体大小,与标签结果相同。

(9)indexOf函数:返回字符串中第一个查找到的下标index,从左边开始查找。

(10)italics函数:使字体成为斜体字,与...标签结果相同。

(11)lastIndexOf函数:返回字符串中第一个查找到的下标index,从右边开始查找。

(12)length函数:返回字符串的长度。(不用带括号)

(13)link函数:产生一个超级链接,相当于设定的URL地址。

(14)small函数:将字体减小一号,与...标签结果相同。

(15)strike函数:在文本的中间加一条横线,与...标签结果相同。

(16)sub函数:显示字符串为下标字(subscript)。

(17)substring函数:返回字符串中指定的几个字符。

(18)sup函数:显示字符串为上标字(superscript)。

(19)toLowerCase函数:将字符串转换为小写。

(20)toUpperCase函数:将字符串转换为大写。

事件源对象
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);

访问窗体元素
document.all("txt").focus();
document.all("txt").select();

窗体命令
document.execCommand

窗体COOKIE
document.cookie

菜单事件
document.oncontextmenu

创建元素
document.createElement("SPAN");

根据鼠标获得元素
document.elementFromPoint(event.x,event.y).tagName=="TD
document.elementFromPoint(event.x,event.y).appendChild(ms)

窗体图片
document.images[索引]

窗体事件绑定
document.onmousedown=scrollwindow;

元素
document.窗体.elements[索引]

对象绑定事件
document.all.xxx.detachEvent('onclick',a);

插件数目
navigator.plugins

取变量类型
typeof($js_libpath) == "undefined"
下拉框
下拉框.options[索引]
下拉框.options.length

查找对象
document.getElementsByName("r1");
document.getElementById(id);

定时
timer=setInterval('scrollwindow()',delay);
clearInterval(timer);

UNCODE编码
escape() ,unescape

父对象

obj.parentElement(dhtml)
obj.parentNode(dom)

交换表的行
TableID.moveRow(2,1) //将第三行与第二行交换

替换CSS
document.all.csss.href = "a.css";

并排显示
display:inline

隐藏焦点
hidefocus=true

根据宽度换行

style="word-break:break-all"

自动刷新
<meta HTTP-EQUIV="refresh" CONTENT="8;URL=http://hi.baidu.com">

简单邮件
<a href="mailto:jishu@bj08ay.cn?subject=thisistitle&body=thisisthewordswhatyouwanttowriteforme">

快速转到位置

obj.scrollIntoView(true)


<a name="first">
<a href="#first">anchors</a>

网页传递参数

location.search();

可编辑

obj.contenteditable=true

执行菜单命令

obj.execCommand

双字节字符

/[^\x00-\xff]/

汉字

/[\u4e00-\u9fa5]/

让英文字符串超出表格宽度自动换行
word-wrap: break-word; word-break: break-all;

透明背景

<IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe>

获得style内容
obj.style.cssText

HTML标签
document.documentElement.innerHTML

第一个style标签
document.styleSheets[0]

style标签里的第一个样式
document.styleSheets[0].rules[0]

防止点击空链接时,页面往往重置到页首端。
<a href="javascript:function()">word</a>

上一网页源

asp:
request.servervariables("HTTP_REFERER")
javascript:
document.referrer

释放内存
CollectGarbage();

禁止右键

document.oncontextmenu = function() { return false;}

禁止保存
<noscript><iframe src="*.htm"></iframe></noscript>

禁止选取
<body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"onmouseup="document.selection.empty()>

禁止粘贴

<input type=text onpaste="return false">

地址栏图标
<link rel="Shortcut Icon" href="favicon.ico">
favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下

收藏栏图标

<link rel="Bookmark" href="favicon.ico">

查看源码

<input type=button value=查看网页源代码 onclick="window.location = 'view-source:'+ 'http://www.csdn.net/'">

关闭输入法
<input style="ime-mode:disabled">

自动全选
<input type=text name=text1 value="123" onfocus="this.select()">

ENTER键可以让光标移到下一个输入框
<input onkeydown="if(event.keyCode==13)event.keyCode=9">

文本框的默认值
<input type=text value="123" onfocus="alert(this.defaultValue)">

获得时间所代表的微秒
var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime()

窗口是否关闭
win.closed

checkbox扁平
<input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br>

获取选中内容
document.selection.createRange().duplicate().text

自动完成功能
<input type=text autocomplete=on>打开该功能
<input type=text autocomplete=off>关闭该功能

窗口最大化
<body onload="window.resizeTo(window.screen.width - 4,window.screen.height-50);window.moveTo(-4,-4)">

无关闭按钮IE
window.open("aa.htm", "meizz", "fullscreen=7");

统一编码/解码
alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe")))
encodeURIComponent对":"、"/"、";" 和 "?"也编码

表格行指示
<tr onmouseover="this.bgColor='#f0f0f0'" onmouseout="this.bgColor='#ffffff'">

各种尺寸
s += "\r\n网页可见区域宽:"+ document.body.clientWidth;
s += "\r\n网页可见区域高:"+ document.body.clientHeight;
s += "\r\n网页可见区域高:"+ document.body.offsetWeight +" (包括边线的宽)";
s += "\r\n网页可见区域高:"+ document.body.offsetHeight +" (包括边线的宽)";
s += "\r\n网页正文全文宽:"+ document.body.scrollWidth;
s += "\r\n网页正文全文高:"+ document.body.scrollHeight;
s += "\r\n网页被卷去的高:"+ document.body.scrollTop;
s += "\r\n网页被卷去的左:"+ document.body.scrollLeft;
s += "\r\n网页正文部分上:"+ window.screenTop;
s += "\r\n网页正文部分左:"+ window.screenLeft;
s += "\r\n屏幕分辨率的高:"+ window.screen.height;
s += "\r\n屏幕分辨率的宽:"+ window.screen.width;
s += "\r\n屏幕可用工作区高度:"+ window.screen.availHeight;
s += "\r\n屏幕可用工作区宽度:"+ window.screen.availWidth;

Javascript 相关文章推荐
关于全局变量和局部变量的那些事
Jan 11 Javascript
javascript获得网页窗口实际大小的示例代码
Sep 21 Javascript
简介AngularJS的HTML DOM支持情况
Jun 17 Javascript
jQuery实现点击小图片淡入淡出显示大图片特效
Sep 09 Javascript
谈一谈javascript闭包
Jan 28 Javascript
基于javascript实现句子翻牌网页版小游戏
Mar 23 Javascript
HTML5基于Tomcat 7.0实现WebSocket连接并实现简单的实时聊天
Oct 31 Javascript
JS实现页面打印(整体、局部)
Aug 18 Javascript
从vue基础开始创建一个简单的增删改查的实例代码(推荐)
Feb 11 Javascript
详解Vue依赖收集引发的问题
Apr 22 Javascript
javascript头像上传代码实例
Sep 28 Javascript
vue.js中使用微信扫一扫解决invalid signature问题(完美解决)
Apr 11 Javascript
jQuery的三种$()
Dec 30 #Javascript
jquery UI 1.72 之datepicker
Dec 29 #Javascript
用js做一个小游戏平台 (一)
Dec 29 #Javascript
js 学习笔记(三)
Dec 29 #Javascript
js DOM模型操作
Dec 28 #Javascript
滚动条变色 隐藏滚动条与双击网页自动滚屏显示代码
Dec 28 #Javascript
javascript iframe编程相关代码
Dec 28 #Javascript
You might like
YB217、YB235、YB400浅听
2021/03/02 无线电
探讨PHP中OO之静态关键字以及类常量的详解
2013/06/07 PHP
javascript ie6兼容position:fixed实现思路
2013/04/01 Javascript
原生JS操作网页给p元素添加onclick事件及表格隔行变色
2013/12/01 Javascript
window.open 以post方式传递参数示例代码
2014/02/27 Javascript
通过js为元素添加多项样式,浏览器全兼容写法
2014/08/30 Javascript
javascript实时获取鼠标坐标值并显示的方法
2015/04/30 Javascript
vue.js通过自定义指令实现数据拉取更新的实现方法
2016/10/18 Javascript
JavaScript数组_动力节点Java学院整理
2017/06/26 Javascript
javascript深拷贝、浅拷贝和循环引用深入理解
2018/05/27 Javascript
jQuery实现表单动态添加数据并提交的方法
2018/07/19 jQuery
angular实现input输入监听的示例
2018/08/31 Javascript
a标签调用js的方法总结
2019/09/05 Javascript
浅谈TypeScript 用 Webpack/ts-node 运行的配置记录
2019/10/11 Javascript
vue路由缓存的几种实现方式小结
2020/02/02 Javascript
微信小程序getLocation 需要在app.json中声明permission字段
2020/03/03 Javascript
解决vue-router 切换tab标签关闭时缓存问题
2020/07/22 Javascript
原生JS生成指定位数的验证码
2020/10/28 Javascript
Python的函数嵌套的使用方法
2014/01/24 Python
python实现将元祖转换成数组的方法
2015/05/04 Python
pymssql数据库操作MSSQL2005实例分析
2015/05/25 Python
python3编码问题汇总
2016/09/06 Python
python爬虫的一个常见简单js反爬详解
2019/07/09 Python
python图形界面开发之wxPython树控件使用方法详解
2020/02/24 Python
Django 解决上传文件时,request.FILES为空的问题
2020/05/20 Python
css3一个简易的 LED 数字时钟实现方法
2020/01/15 HTML / CSS
一加手机美国官方网站:OnePlus美国
2019/09/19 全球购物
Columbia Sportswear法国官网:全球户外品牌
2020/09/25 全球购物
会计职业生涯规划范文
2014/01/04 职场文书
学习两会精神心得范文
2014/03/17 职场文书
高校教师岗位职责
2014/03/18 职场文书
二年级评语大全
2014/04/23 职场文书
护士辞职信怎么写
2015/02/27 职场文书
Golang实现AES对称加密的过程详解
2021/05/20 Golang
vue3使用vuedraggable实现拖拽功能
2022/04/06 Vue.js
优化Mysql查询的示例
2022/04/26 MySQL