首頁 >web前端 >js教程 >JavaScript 常用函数_javascript技巧

JavaScript 常用函数_javascript技巧

WBOY
WBOY原創
2016-05-16 18:37:40850瀏覽

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函数:显示一个输入对话框,提示等待用户输入。例如:
  

      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"

自动刷新


简单邮件


快速转到位置

obj.scrollIntoView(true)



anchors

网页传递参数

location.search();

可编辑

obj.contenteditable=true

执行菜单命令

obj.execCommand

双字节字符

/[^\x00-\xff]/

汉字

/[\u4e00-\u9fa5]/

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

透明背景



获得style内容
obj.style.cssText

HTML标签
document.documentElement.innerHTML

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

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

防止点击空链接时,页面往往重置到页首端。
word

上一网页源

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

释放内存
CollectGarbage();

禁止右键

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

禁止保存



禁止选取


地址栏图标

favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下

收藏栏图标



查看源码



关闭输入法

自动全选


ENTER键可以让光标移到下一个输入框


文本框的默认值


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

窗口是否关闭
win.closed

checkbox扁平



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

自动完成功能
打开该功能
关闭该功能

窗口最大化



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

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

表格行指示


各种尺寸
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;
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn