基础-JavaScript中的事件

时间:2022-11-01 10:37:44

在html中引入外部js方式:

<html>

  <head>

    <script src="xxx.js"></script>

  </head>

  <body></body>

</html>

js中常用的事件:

onclick点击事件,onfocus获取焦点,onblur失去焦点,onkeydown键被按下,onkeyup键被抬起,onkeypress键被按下或按住,nomouseup某个鼠标按键被松开,onmousemove鼠标移开,onmouseover鼠标被移到某个元素上,onload某个页面或图像加载完成,onsubmit提交按钮被点击,onchange用户改变域的内容。

window常用方法:

1.open方法   window.open("demo2.html");

2.alert方法  它是一个警告框

3.confirm()这个方法是一个对话框(提示框)它的返回值true,false,代表的是确 认与取消

4.prompt()这个方法是一个输入框,方法的返回值就是输入的信息

5.setInterval  按照指定的周期(以毫秒计)来调用函数或计算表达式。

6.setTimeout在指定的毫秒数后调用函数或计算表达式。

怎样可以让setInterval与setTimeout结束?

clearTimeout

clearInterval

History:

history是Javascript中Window下的对像,用于存储浏览器的历史信息。它含有三个方法,go(),back()和forward(),分别用来控制页面的跳转。其中:
back()表示返回到上一页面,效果相当于go(-1);
forward()表示返回到下一页面,效果相当于go(1);
go()用于指定页的跳转,比如go(-2)表示返回到浏览过的前两个页面。

要获取history对象,通过window.history

Back  加载 history 列表中的前一个 URL。

Forward加载 history 列表中的下一个 URL。

go

location

href:代表的是要跳转的url路径 相当于<a href=””>

表单验证

Onsubmit这个事件要在form标签上添加并且要有return

<form onsubmit=”return checkForm();”>

checkForm函数如果返回的是false,表单不能提交。