js函数全解析-经典大全!

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

B-->location(浏览器的地址栏)-->location既是window对象的属性又是document对象的属性 获取地址栏的内容(localhost:81/0816/test.html?a=1&b=2):
1:属性: host//域名 href//url全部内容 pathname//路径部分 port//端口 search//?号传值部分
name获得一组标签对象 签获得一组标签对象
,得到当前的url地址
Opera 认为 offsetHeight = clientHeight + 滚动条 + 边框
多少(页面往上走多少)
对象就有什么属性
又对应一个对象 所有属性名,必须采用小驼峰命名规则 ----------------------------------------------------------------------
数学函数库 时间日期函数库
数组函数库
top right bottom 动:动态改变left top的值 var ob=document.getElementById("piao"); ob.style.left //每一条样式语句都是style的属性 ob.style.top
应用2--->定时器
1-->var t=setTimeout(函数名,间隔时间) //过多少毫秒启用一次函数 函数名 :名称 "名称 //每隔一秒往div(id=div1)中写入一些内容(i=0 i++ -2-->var t=setInterval(函数名,间隔时间) //每间隔一定毫秒数,执行函数
yanzhen.php agName("img"); bc="+Math.random();
E-->body---->是document对象的属性 1:document.body节点对象的属性: document.body.clientWidth//页面可见区域的宽 document.body.clientHeight//网页内容实际高度(FF)---IE、Opera 认为 document.body.offsetWidth//整个页面的宽 document.body.offsetHeight//整个页面的高 document.body.scrollWidth//水平滚动条的宽 document.body.scrollHeight//竖直滚动条的滚动范围 document.body.scrollTop//竖直滚动条往下滚动了多少(页面往上走多少) document.body.scrollLeft//
遍历数组
for(key in array){ //循环体
}
相互转化
数值----字符串 类型变化内容不变
布尔----字符串 true---->"true" false--->"false"
布尔----数值 true---->NAN false--->NAN
数组对象变量
typeof(): 获得变量类型
1--indexof("char")---字符对应的下标,没找到就返回-1 2--lastIndexOf("char")----查找字符最后一次出现的位置 3--substr(start,length)---字符截取 4--substring(start,end)---两个参数都不能为负值的截取函数 5--replace(查找,替换成什么)----查找参数一般是一个正则表达式 6--split("分隔符")----返回是数组对象,分隔符可以用正则表达式 7--toUpperCase()----转换成大写
clearTimeout(t) clearInterval(t)
应用3--->验证码刷新
改变img的src属性,做到重新请求yanzhen.php var ob=document.getElementsByTagName("img"); ob[0].src="../0802/yanzhen.php?abc="+Math.random();
内容,如果都合法,提交,
F--->小结:
html标签有什么属性,对应的节点对象就有什么属性
var obj = document.getElementsByTagName("input"); obj[0].className="but";----------->对应class属性 obj[0].value="added border"------>对应value属性 obj[0].style = "width:200px;"------>对应styel属性,但style又对应一个对 obj[0].style.backgroundColor="#ffad00";//样式表---->所有属性名,必须
-------------------------------------------------------------------------------------------------------------------G---->获得标签内容(双标签)
G---->获得标签内容(双标签)
1:对象.innerHTML:获得标签内的html 2:对象.innerText:获得标签内的text
");
opener打开者) document对象的属性
对象的地址列表中删除这个 跳转页面
>仅仅IE可运行 小到设定的宽和-高----->仅仅IE可运行
先清屏再显示内容) 得一个标签对象[****]--->所有标签都可看成为一个类
BOM 浏览器对象
A:window对象(浏览器窗口) 1:方法 window.alert("内容");//提示对话框 window.confirm("内容");//确认对话框 window.setTimeout("函数名()",时间);//定时器 window.open("页面的地址");//打开一个新的浏览器窗口 window.open("地址","pop","width=值,height=值,left=值,top=值"); window.close();//关闭当前浏览器窗口 2:属性 window.location = "页面地址";//跳转页面 window.screenLeft;//获得当前窗口的左边距(只读) window.screenTop;//获得当前窗口的上边距(只读) window.screen.width;//获得屏幕的宽(只读) window.screen.height;//获得屏幕的高(只读) window.opener;//opener窗口(a1通过open(a2),则a1就是a2的opener window.parent;//父窗口(框架窗口中使用) window.history.back(-1) 后退一页
应用4--->表单验证
当输入内容不合法时,如何让表单不提交 a、提交时,自动检查所有的输入框内容,如果都合法,提交 否则不提交 事件:onsubmit="return false|true" b、表单节点对象的方法:submit() c、提交按钮--->disabled
DOM
c、提Байду номын сангаас按钮--->disabled
arr.lenght()长度(属性) arr.push(value)尾部追加 arr.unshift(value)头部追加 arr.pop()尾部删除 arr.shift()尾部删除 arr.toString()将数组转化成字符串,“,”默认分隔符 arr.join("分隔符")将字符串组成数组 arr.reversse()数组反转 arr.sort()数组排序
1:属性
window.screen.availHeight//屏幕的可见区域高度
window.screen.availWidth//屏幕的可见区域宽度
window.screen.height//高度
window.screen.width//宽度
+------------------------------------------+
toLowerCase()----转换成小写
1--字符串对象的方法 var str = "abc@163.com" document.write(str.match(/\w+@\w+(\.\w+)+/));
2--正则表达式对象的方法 $reg=RegExp(/\w+@\w+(\.\w+)+/); var re=$reg.test("abc@163.com"); document.write(reg);
var d = new Date(); d.getFullYear()四位年;d.getYear()两位年 d.getMonth()获得月;d.getDate()获得日 d.getHours()获得时;d.getMinutes()获得分 d.getSeconds()获得秒;d.getDay()获得星期 获得时间日期字符串 d.toLocaleString() d.toLocaleString(); d.toLocaleTimeString();
window.resizeTo(width, height) //作用:改变窗口大小到设定的宽和
:名称 "名称()" 一些内容(i=0 i++)
D-->document对象(当前整个html文档) 1:方法 document.write("内容");//将文字信息输出到html文档上(先清屏再显示内容 document.getElementById("标签id");//通过标签id获得一个标签对象 document.getElementsByName("标签name");//通过标签的name获得一组标签 document.getElementsByTagName("标签");//通过标签获得一组标签对象 2:属性 document.title;//设置或获得当前html文档的标题 document.body;//设置或获得body标签的相关属性 document.form;//设置或获得form表单对象 document.URL//url地址==window.location属性的值,得到当前的 document.images//得到页面中的所有img标签 document.links//得到页面中的所有a标签
2:方法: location.reload(false|true)//页面刷新-->点击按钮去刷新页面 location.replace("url")//跳-设当前文档的URL,并history对象的地址列表中删 URL==window.location = "页面地址";//跳转页面
C--->screen对象是window对象的属性
获得标签内的html所有内容 得标签内的text所有内容
Nath.round(number)四舍五入
Nath.round(number)四舍五入 Math.ceil(number)向上取整 Math.floor(number)向下取整 Math.max(number,number,....); Math.min(number,number,....); Math.random()随机小数 Matho.sqrt(number)平方根 Math.sqrt(number)平方根
|用来获取屏幕的宽度
|
|然后加载不容的样式文件 |
getElementById("piao"); 的属性
|用来获取屏幕的宽度
|
|然后加载不容的样式文件 |
|使页面呈现不同的效果
|
+------------------------------------------+
2:扩展方法
window.moveTo(winx,winy);//移动整个网页的显示的位置------>仅仅
字符串 数值 布尔 对象 null 对象 undefined 引用 列表 完成
字符串函数库
ECMAScript
JAVA SCRIPT
BOM 浏览器对象
正则表达式 数学函数库
应用1---->漂浮广告
div id="piao"定义漂浮的内容 样式:
position:absolute; 飘:
left:100px; top right
相关文档
最新文档