JS的修炼

JavaScript知识点整理

取消链接的默认行为：

得到从一个html页面到另外一个html界面传递过来的参数
方式一：var Ohref=window.location.href;
alert(Ohref) //http://localhost:8080/route_list.html?cid=1
var arrhref=Ohref.split("?cid=");
var cid= arrhref [1];
alert(cid); // cid=1
方式二：var cid = getParameter(“cid”);

html里面的标签的属性值，可以用单引号，也可以用双引号
，如果在js里面用来向界面输出HTML语句的时候
用单引号，里面拼接字符串。

JS中基本数据类型：undefined,null,boolean,string,number
定义一个变量用var i= 1; var j="开开心的"不用指明是什么数据类型的，
js中typeof是看数据是什么类型的
js 中的“=”全等号，表示的时值和类型都必须相等
“”只要值相等就可以的
js的输出:
alert()直接弹框输出
documen.write()是向页面输出，里面是一个字符串类型的数据
，是进行拼接的。标签属性的值用单引号去写
consol.log()是向浏览器的控制台输出
获取页面上的元素：
documen.getElementById(id的名称)

JS声明函数：
var 函数的名称=function(){
}
或者：function 函数的名称(){
}
JS的开发步骤:
1.确定事件，比如：单击，双击事件。
2.通常事件后面会有一个函数，用来对事件进行处理。
3.函数体里面通常都会操作页面上的元素，进行相应的操作。

计时器：window.setInterval(要执行的代码块,时间间隔) 返回值
为计时器的id 每间隔一定的时间就去执行一次代码块
window.setTimeout(要执行的代码块,时间间隔) 在时间间隔后执
行一次代码块清除定时器：clearInterval(计时器的id)

事件处理

由于内联模型违反了HTML与JavaScript代码层次分离的原则。为了解决这个问题，
我们可以在JavaScript中处理事件。这种处理方式就是脚本模型。
事件处理:其实就是可以当做标签元素对象的一个属性，执行对应的事件处理（也就是执行函数）
通过标签对象名.属性=function(){
} 调用执行响应事件

事件处理函数	影响的元素	发生时间
onabort	图像	当图像加载被中断时
onblur	窗口、框架、所有表单对象	当焦点从对象上移开时
onchange	输入框,选择框和文本区域	当改变一个元素的值且失去焦点时
onclick	链接、按钮、表单对象	当用户双击对象时
ondragdrop	窗口	当用户将一个对象拖放到浏览器窗口时
onError	脚本	当脚本中发生语法错误时
onfocus	窗口、框架、所有表单对象	当单击鼠标或者将鼠标移动聚焦到窗口或框架时
onkeydown	文档、图像、链接、表单	当按键被按下时
onkeypress	文档、图像、链接、表单	当按键被按下然后松开时
onkeyup	文档、图像、链接、表单	当按键被松开时
onload	主题、框架集、图像	文档或图像加载后
onunload	主体、框架集	文档或框架集卸载后
onmouseout	链接	当图标移除链接时
onmouseover	链接	当鼠标移到链接时
onmove	窗口	当浏览器窗口移动时
onresize	窗口	当选择一个表单对象时
onreset	表单复位按钮	单击表单的reset按钮
onselect	表单元秦	当选择一个表单对象时
onsubmit	表单	当发送表格到服务器时

1.鼠标事件，页面所有元素都可触发
click：当用户单击鼠标按钮或按下回车键时触发。
input.onclick = function () { alert(‘Haha!’); };
dblclick：当用户双击主鼠标按钮时触发。
input.ondblclick = function () { alert(‘Haha!’); };
mouseover：当鼠标移到某个元素上方时触发。
input.onmouseover = function () { alert(‘Haha!’); };
mouseout：当鼠标移出某个元素上方时触发。
input.onmouseout = function () { alert(‘Haha!’); };
mousemove：当鼠标指针在元素上移动时触发。
input.onmousemove = function () { alert(‘Haha!’); };
2.键盘事件
keydown：当用户按下键盘上任意键触发，如果按住不放，会重复触发。
onkeydown = function () { alert(‘Haha!’); };
keypress：当用户按下键盘上的字符键触发，如果按住不放，会重复触发。
onkeypress = function () { alert(‘haha!’); };
keyup：当用户释放键盘上的键触发。
onkeyup = function () { alert(‘haha!’); };
3.HTML 事件
load：当HTML里面的document页面完全加载后在window上面触发，或当框架集加载完毕后在框架集上触发。 可以用于页面发送ajax请求数据的初始化