JS大总结(带实例)

javascript事务查询综合
click（） 对象.click（） 使对象被点击。
closed 对象.closed 对象窗口是否已封闭true/false
clearTimeout（对象） 清除已设置的setTimeout对象
clearInterval（对象） 清除已设置的setInterval对象
confirm（"提示信息"） 弹出确认框，断定返回true作废返回false
cursor:样式 更改鼠标样式 hand crosshair text wait help default auto e/s/w/n-resize

event.clientX 返回最后一次点击鼠标X坐标值；
event.clientY 返回最后一次点击鼠标Y坐标值；
event.offsetX 返回当前鼠标悬停X坐标值
event.offsetY 返回当前鼠标悬停Y坐标值

document.write（document.lastModified） 网页最后一次更新时候
document.οndblclick=x 当双击鼠标产闹事务
document.οnmοusedοwn=x 单击鼠标键产闹事务

document.body.scrollTop; 返回和设置当前竖向迁移转变条的坐标值，须与函数共同，
document.body.scrollLeft; 返回和设置当前横向迁移转变务的坐标值，须与函数共同，
document.title document.title="message"; 当前窗口的题目栏文字
document.bgcolor document.bgcolor="色彩值"; 改变窗口靠山色彩
document.Fgcolor document.Fgcolor="色彩值"; 改变正文色彩
document.linkcolor document.linkcolor="色彩值"; 改变超联接色彩
document.alinkcolor document.alinkcolor="色彩值"; 改变正点击联接的色彩
document.VlinkColor document.VlinkColor="色彩值"; 改变已接见联接的色彩
document.forms.length 返回当前页form表单数
document.anchors.length 返回当前页锚的数量
document.links.length 返回当前页联接的数量
document.οnmοusedοwn=x 单击鼠标触发事务
document.οndblclick=x 双击鼠标触发事务
defaultStatus window.status=defaultStatus; 将状况栏设置默认显示

function function xx（）{...} 定义函数
isNumeric 断定是否是数字
innerHTML xx=对象.innerHTML 输入某对象标签中的html源代码
innerText divid.innerText=xx 将以div定位以id定名的对象值设为XX

location.reload（）; 使本页刷新，target可便是一个刷新的网页

Math.random（） 随机涵数，只能是0到1之间的数，若是要获得其它数，可认为*10，再取整
Math.floor（number） 将对象number转为整数，舍取所有小数
Math.min（1，2） 返回1，2哪个小
Math.max（1，2） 返回1，2哪个大

navigator.appName 返回当前浏览器名称
navigator.appVersion 返回当前浏览器版本号
navigator.appCodeName 返回当前浏览器代码名字
navigator.userAgent 返回当前浏览器用户代标记

onsubmit οnsubmit="return（xx（））" 应用函数返回值
opener opener.document.对象 把握原打开窗体对象

prompt xx=window.prompt（"提示信息"，"预定值"）; 输入语句
parent parent.框架名.对象 把握框架页面

return return false 返回值
random 随机参数（0至1之间）
reset（） form.reset（）; 使form表单内的数据重置

split（""） string.split（""） 将string对象字符以逗号隔开
submit（） form对象.submit（） 使form对象提交数据

String对象的 charAt（x）对象 反回指定对象的第几许位的字母
lastIndexOf（"string"） 从右到左询找指定字符，没有返回-1
indexOf（"string"） 从左到右询找指定字符，没有返回-1
LowerCase（） 将对象全部转为小写
UpperCase（） 将对象全部转为大写
substring（0，5） string.substring（x，x） 返回对象中从0到5的字符
setTimeout（"function"，time） 设置一个超时对象
setInterval（"function"，time） 设置一个超时对象

toLocaleString（） x.toLocaleString（） 从x时候对象中获取时候，以字符串型式存在
typeof（变量名） 搜检变量的类型，值有：String，Boolean，Object，Function，Underfined

window.event.button==1/2/3 鼠标键左键便是1右键便是2两个键一路按为3
window.screen.availWidth 返回当前屏幕宽度（空白空间）
window.screen.availHeight 返回当前屏幕高度（空白空间）
window.screen.width 返回当前屏幕宽度（辨别率值）
window.screen.height 返回当前屏幕高度（辨别率值）
window.document.body.offsetHeight; 返回当前网页高度
window.document.body.offsetWidth; 返回当前网页宽度
window.resizeTo（0，0） 将窗口设置宽高
window.moveTo（0，0） 将窗口移到某地位
window.focus（） 使当前窗口获得核心
window.scroll（x，y） 窗口迁移转变条坐标，y把握高低移动，须与函数共同
window.open（） window.open（"地址"，"名称"，"属性"）
属性:toolbar（对象栏），location（地址栏），directions，status（状况栏），
menubar（菜单栏），scrollbar（迁移转变条），resizable（改变大小）， width（宽），height（高），fullscreen（全 屏），scrollbars（全屏时无迁移转变条无参 数，channelmode（宽屏），left（打开窗口x坐标），top（打开窗口y坐标）
window.location = ""view-source:"" + window.location.href 应用事务查看网页源代码;

a=new Date（）; //创建a为一个新的时代对象
y=a.getYear（）; //y的值为从对象a中获取年份值 两位数年份
y1=a.getFullYear（）; //获取全年份数 四位数年份
m=a.getMonth（）; //获取月份值
d=a.getDate（）; //获取日期值
d1=a.getDay（）; //获取当前礼拜值
h=a.getHours（）; //获取当前小时数
m1=a.getMinutes（）; //获取当前分钟数
s=a.getSeconds（）; //获取当前秒钟数

对象.style.fontSize="文字大小";
单位：mm/cm/in英寸/pc帕/pt点/px象素/em文字高
1in=1.25cm
1pc=12pt
1pt=1.2px（800*600分辨率下）

文本字体属性：
fontSize大小
family字体
color色彩
fontStyle风格，取值为normal一般，italic斜体，oblique斜体且加粗
fontWeight加粗，取值为100到900不等，900最粗，light，normal，bold
letterSpacing间距，更改文字间间隔，取值为，1pt，10px，1cm
textDecoration:文字润饰;取值，none不润饰，underline下划线，overline上划线
background:文字靠山色彩，
backgroundImage:靠山图片，取值为图片的插入路径

点击网页正文函数调用触发器：

1.onClick 当对象被点击
2.onLoad 当网页打开，只能书写在body中
3.onUnload 当网页封闭或分开时，只能书写在body中
4.onmou搜刮引擎优化ver 当鼠标悬于其上时
5.onmou搜刮引擎优化ut 当鼠标分开对象时
6.onmouseup 当鼠标松开
7.onmousedown 当鼠标按下键
8.onFocus 当对象获取核心时
9.onSelect 当对象的文本被选中时
10.onChange 当对象的内容被改变
11.onBlur 当对象落空核心
οnsubmit=return（ss（））表单调用时返回的值

直线 border-bottom:1x solid black
虚线 border-bottom:1x dotted black
点划线 border-bottom:2x dashed black
双线 border-bottom:5x double black
槽状 border-bottom:1x groove black
脊状 border-bottom:1x ridge black

1.边沿高光glow（color=色彩，strength=亮光大小）

2.程度翻转fliph（） 使对象程度翻转180度

3.垂直翻转flipv（） 使对象垂直翻转180度

4.对象模糊blur（add=true/false direction=标的目标 strength=强度）
add指定是否按印象画派进行模糊direction模糊标的目标strength模糊强度
5.对象透明alpha（opaction=0-100，finishopacity=0-100，style=0/1/2/3）
opaction对象整体不透明值finishopacity当对象哄骗了渐透明时该项指定停止透明地位的不透明值style指定透明体式格式0为整体透明，1为线型透明，2为圆型透明，3为矩形透明
6.去除色彩chroma（color=色彩值）使对象中色彩与指定色彩雷同区域透明
7.建树暗影dropshadow（color=暗影色彩，offx=程度向左偏离像素，offy=程度向下偏离像素）
8.去色gray（）使对象呈灰度显示
9.负片结果invert（）使对象呈底片结果
10.高光light（）使对象呈黑色显示
11.隐瞒mask（color=色彩）使全部对象以指定色彩进行蒙板一次

opacity 表透明度程度.0~100，0表全透明，100表完全不透明
finishopacity表想要设置的渐变透明结果.0~100.
style 表透明区的外形.0表同一外形.1表线形.2表放射形.3表长方形.
startx.starty表渐变透明结果的开端时X和Y坐标.
finishx，finishy渐变透明结果停止时x，y 的坐标.
add有来断定是否在模糊结果中使有原有目标.值为0，1.0表"否"，1表"是".
direction设置模糊的标的目标.0度表垂直向上，45度为一个单位.默认值是向左270度.left，right，down，up.
strength 只能用整数来断定.代表有几许个像素的宽度将受到模糊影响.默认是5个.
color要透明的色彩.
offx，offy分别是x，y 标的目标暗影的偏移量.
positive指投影体式格式.0表透明像素生成暗影.1表只给出不透明像素生成暗影..

AddAmbient:参加包抄的光源.
AddCone:参加锥形光源.
AddPoint参加点光源
Changcolor:改变光的色彩．
Changstrength:改变光源的强度．
Clear:清除所有的光源．
MoveLight:移动光源．

freq是波纹的频率，在指定在对象上一区须要产生几许个完事的波纹．
lightstrength可对于波纹加强光影的结果．明显0~100正整数，正弦波开端地位是0~360度．0表从0度开端，25表从90度开端．
strength表振幅大小．

hand
crosshair
text
wait
default
help
e-resize
ne-resize
n-resize
nw-resize
w-resize
s-resize
sw-resize
se-resize
auto

IE功能汇总

窗口打开主动最大化代码

哄骗脚本封装，便利实现网站悬浮告白

下面是JS脚本（floatdiv.js）
/*======================================================================
浮动块支撑脚本
DESIGN BY : 彭国辉
DATE: 2004-02-26
SITE: http://kacarton.yeah.net/
BLOG: http://blog.csdn.net/nhconch
EMAIL: kacarton＠sohu.com

文章为作者原创，转载前请先与本人接洽，转载请注明文章出处、保存作者信息，感谢支撑！
======================================================================*/

var alLeft = 0， alCenter = 1， alRight = 2; //程度对齐体式格式
var alTop = 0， alMiddle = 1， alBottom = 2; //垂直对齐体式格式

var f = new Array（）;
var cnt = 0;

function floatDiv（objId， align， vAlign， x， y， smooth）
{
/*浮动块对象
数据布局：
objId： 对象ID
align： 程度对齐体式格式，列举型
vAlign：垂直对齐体式格式，列举型内容
x， y： xy座标，整型
smooth：腻滑移动，布尔型
*/
this.objId = objId;
this.align = align;
this.vAlign = vAlign;
this.x = x;
this.y = y;
this.smooth = smooth;
}

function addDiv（objId， align， vAlign， x， y， smooth）
{ //添加浮动块
f[cnt++] = new floatDiv（objId， align， vAlign， x， y， smooth）;
}

function floatMove（）
{ //从头定位各块地位
var objX， objY;
if （document.all）
{
var d = document.body;
//status = "scrollLeft:"+f[0].objId.style.pixelTop+"| offsetWidth:"+d.offsetWidth;
for （var i=0; i {
switch （f[i].align）
{
case alLeft : objX = d.scrollLeft + f[i].x; break;
case alCenter: objX = d.scrollLeft + Math.ceil（（d.offsetWidth - f[i].objId.offsetWidth）/2） + f[i].x; break;
case alRight : objX = d.scrollLeft + d.offsetWidth - f[i].x - f[i].objId.offsetWidth - 20; break; //减迁移转变条20
}
switch （f[i].vAlign）
{
case alTop : objY = d.scrollTop + f[i].y; break;
case alMiddle: objY = d.scrollTop + Math.ceil（（d.offsetHeight - f[i].objId.offsetHeight）/2） + f[i].y; break;
case alBottom: objY = d.scrollTop + d.offsetHeight - f[i].y - f[i].objId.offsetHeight; break;
}
if （f[i].smooth） smoothMove（f[i].objId， objX， objY）;
else
{
f[i].objId.style.pixelLeft = objX;
f[i].objId.style.pixelTop = objY;
}
}
}

if （document.layers）
{
for （var i=0; i {
var objId = f[i].objId;
switch （f[i].align）
{
case alLeft : objX = pageXOffset + f[i].x; break;
case alCenter: objX = pageXOffset + Math.ceil（（window.innerWidth-objId.width）/2） + f[i].x; break;
case alRight : objX = pageXOffset + window.innerWidth - f[i].x - document.objId.width; break;
}
switch （f[i].vAlign）
{
case alTop : objY = pageYOffset + f[i].y; break;
case alMiddle: objY = pageYOffset + Math.ceil（window.innerHeight/2） + f[i].y; break;
case alBottom: objY = pageYOffset + window.innerHeight - f[i].y - document.objId.height; break;
}
if （t[i].smooth） smoothMove（f[i].objId， objX， objY）;
else
{
document.objId.left = objX;
document.objId.top = objY;
}
}
}

setTimeout（"floatMove（）;"，50）;
}

function smoothMove（obj， x， y）
{
var percent;
if （document.all）
{
percent = .1 * （x - obj.style.pixelLeft）;
if （percent > 0） percent = Math.ceil（percent）; else percent = Math.floor（percent）;
obj.style.pixelLeft += percent;

percent = .1 * （y - obj.style.pixelTop）;
if （percent > 0） percent = Math.ceil（percent）; else percent = Math.floor（percent）;
obj.style.pixelTop += percent;
}
if （document.layers）
{
percent = .1 * （x - document.objId.left）;
if （percent > 0） percent = Math.ceil（percent）; else percent = Math.floor（percent）;
document.objId.left += percent;

percent = .1 * （y - document.objId.top）;
if （percent > 0） percent = Math.ceil（percent）; else percent = Math.floor（percent）;
document.objId.top += percent;
}
}

setTimeout（"floatMove（）;"，50）;

调用例子：

9. 防止被人frame

10. 网页将不克不及被另存为

11. οnclick="window.location = "view-source:"+ "http://www.51js.com/"">

12.删除时确认
删除

13. 取得控件的绝对地位
//Javascript

//VBScript

14. 光标是停在文本框文字的最后

15. 断定上一页的起原
javascript:
document.referrer

16. 最小化、最大化、封闭窗口

本例实用于IE

17.樊篱功能键Shift，Alt，Ctrl

18. 网页不会被缓存



或者

19.如何让表单没有凹凸感？

或

1 solid ＃000000">

20.&的差别？
（division）用来定义大段的页面元素，会产生转行
用来定义同一行内的元素，跟的独一差别是不产生转行
是ns的标识表记标帜，ie不支撑，相当于

21.让弹出窗口老是在最上方:

22.不要迁移转变条？
让竖条没有:


让横条没有:


两个都去掉？更简单了

23.如何去掉图片链接点击后，图片四周的虚线？

24.电子邮件处理惩罚提交表单

25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload（）

26.如何设定打开页面的大小

打开页面的地位

27.在页面中如何参加不是满铺的靠山图片，拉动页面时靠山图不动

28. 搜检一段字符串是否全由数字构成

29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight

30. 怎么断定是否是字符
if （/[^/x00-/xff]/g.test（s）） alert（"含有汉字"）;
else alert（"满是字符"）;

31.TEXTAREA自适应文字行数的几许
<br />

32. 日期减去天数便是第二个日期

33. 选择了哪一个Radio

Style
Barcode

34.脚本永不失足

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

36. 检测某个网站的链接速度：
把如下代码参加区域中:
更多详细内容请查看：http://www.111cn.net/wy/js-ajax/window.ActiveXObject.htm
///
检测某个网站的链接速度：
把如下代码参加区域中:

/