如何在一个网站或者一个页面,去书写你的js代码:
1.js的分层(功能):jquery(tool) 组件(ui) 应用(app),mvc(backboneJs)2.js的规划():避免全局变量和方法(命名空间,闭包,面向对象),模块化(seaJs,requireJs)常用内部类:Data Array Math String
HTML属性,CSS属性
HTML:属性.HTML属性="值";CSS:对象.style.CSS属性="值";class和float
1.class:className2.float:cssFloat获取对象
id:document.getElementById("id 名")事件:用户的动作
鼠标事件:onclick:点击onmouseover: 鼠标放上onmouseout:鼠标离开ondbclick:双击事件onmousedown:鼠标按下onmouseup:鼠标抬起onmousemove鼠标移动表单事件:onfocus:获取焦点onblur:失去焦点onsubmit:提交事件onchange:当发生改变的时候onreset:重置事件键盘事件:onkeyup:键盘抬起onkeydown:键盘按下onkeypress:键盘按键一次窗口时间:onload事件页面加载完成之后立刻执行的事件两种方式:1.<script>window.οnlοad=init/*函数名,不能加括号*/;</script>2.<body οnlοad="init()"></body>event:保存事件发生时的相关的信息当事件发生的时候,eventevent.clientX:事件发生时的X的坐标event.clientY:事件发生时的Y的坐标event.target:事件源event:必须通过实际参数的形式传递给函数才可以用<input type = "button" value = "点击" onclick = "fn(event)" >
修改div中的内容
innerHTML:对象中所有的内容(文本内容和标签内容),一般指的是双标签或者容器标签innerText:对象中所有的文本内容document.createElement("标签名");
document.body.appendChild(对象);removeChild(对象)document.body是body标签对象document.documentElement是html标签对象ECMAscript,BOM,DOM
1.window:对象最高级2.BOM:浏览器对象: brower object model3.DOM:文档对象模型:document object model4.BOM:网页一打开就会存在5.DOM:去操作的代码6.document是链接DOM和BOMdocument有下级,其他的都没有下级【多窗口】window.open("链接","name","设置");
1.width:设置窗口宽度2.height:设置窗口高度3.left:新窗口到左端距离4.top:新窗口到顶部的距离5.srollbars:滚动条【yes,no,1,0】6.toolbar:工具类【yes,no,0】7.location:地址栏window.close: 关闭窗口window.close()创建定时器:
一次性计时器:window.setTimeout("函数()",时间t)执行:是在时间t之后执行js代码【只会执行一次】时间:以毫秒为单位反复性计时器:window.setInterval("函数()",时间t)
时间:以毫秒为单位执行:是每过时间t就会执行一次js代码【n次】清楚定时器:
清除一次性定时器:window.clearTimeout(定时器名)清除反复性定时器:window.clearInterval(定时器名)注意:要想清除定时器,必须给定时器名字,匿名定时器无法清除找对象的方法:
di:document.getElementById("id名");标签:document.getElementsByTagName("标签名")//获取的是对象的集合(数组)对象.getElementByTagName(标签名)name:document.getElementByName("name名");//form集合(数组)className:document.getElementByClassName("class名");//集合(数组)【firefox】document.images;//获取img对象(数组)document.links;//获取链接对象(数组)document.forms;//获取表单对象(数组)document.body;//body标签对象document.documentElement;//HTML对象event:事件信息对象this:当前对象location对象
location.href:返回url信息【可以获取url信息,也可以给其赋值,实现跳转页面】location.assign():加载新的文档【跳转页面】location.reload():重新加载当前的文档【刷新页面】location.replace():用新的文档替代当前的文档【跳转页面】location.assign和location.replace的区别:
location.assign:会产生历史记录location.replace:不会产生历史记录history对象:
history.length:浏览过的url数量history.back():返回历史记录的前一个页面history.forward():加载历史记录中的下一个页面history.go(n):跳转到历史记录中指定的页面,如果是-1实际上就是history.back()的功能screen对象
screen.height:获取屏幕的高度screen.width:获取屏幕的宽度screen.availHeight:获取除去任务栏的高度screen.availWidth:获取除去任务栏的宽度navigator对象
navigator.appName:浏览器名navigator.appCodeName:浏览器代码名navigator.appVersion:浏览器的版本号和平台信息navigator.userAgent:浏览器信息DOM:描述网页各个组成部分的关系
var obj = document.getElementById("id名")火狐浏览器中空白处也算一个节点parentNode:父节点childNodes:子节点firstChild:第一个子节点lastChild:最后一个子节点nextSibling:下一个兄弟节点【注意:必须是同父级关系】previousSiblind:前一个兄弟节点【注意:必须是同父级关系】登录验证:
onsubmit:表单提交事件οnsubmit="return 函数()"