JavaScript事件和对象取值(一)

原创于 2019-04-01 15:32:40 发布 · 524 阅读

0 ·

CC 4.0 BY-SA版权

JAVA 同时被 2 个专栏收录

16 篇文章

订阅专栏

前端

14 篇文章

订阅专栏

本文详细介绍了JavaScript中的各种事件，包括鼠标点击、经过、移开等事件，以及文本框内容改变、加载和卸载事件。此外，还深入探讨了Date、String、Math等常用对象的使用方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

事件:

鼠标点击事件(onclick)
鼠标经过事件(onmouseover)
鼠标移开事件(onmouseout)
光标聚焦事件(onfocus)
失焦事件(onblur)
内容选中事件(onselect) //选中文字后调用
文本框内容改变事件(onchange) //修改文本框后失去聚焦调用
加载事件(onload) //事件会在页面加载完成后，立即发生，同时执行被调用的程序。
卸载事件(onunload) //当用户退出页面时（页面关闭、页面刷新等），触发onUnload事件，同时执行被调用的程序。用法:window.οnunlοad=*

对象取值:

Date: 日期对象,可以储存任意一个日期，并且可以精确到毫秒数

var date=new Date();         //使date成为当前日期
var d=new Date(2019,4,1);    //自定义初始值
var year=date.getFullYear(); //获取年份
var month=date.getMonth();   //获取月份
var day=date.getDate();      //获取日
var time;
time=date.getHours()+":"+date.getMinutes()+":"+date.getSeconds();//获取时分秒

get/setFullYear: 返回/设置年份
getDay: 返回/设置星期方法，返回的是0-6的数字，0 表示星期天。
get/setTime: 返回/设置时间方法,计算从 1970 年 1 月 1 日零时到日期对象所指的日期的毫秒数例： mydate.setTime( mydate.getTime() + 2* 60 * 60 * 1000);//把时间推迟两小时
String字符串对象: 可以用var直接调用和赋值 //1:str.length返回长度 2：str.tiUpperCase()转换为大写
str.charAt(index): 返回指定位置的字符
str.indexOf(substring,startops): 返回字符串首次出现的位置,从starttops(可省略)开始返回第一个出现的substring
split(): 将字符串分割为字符串数组，并返回此数组。用法:str.split(sep,limit); //以sep为分隔符分割出limit个字符例:
```
var mystr="www.imooc.com";
document.write(mystr.split(".")+"<br>");       
document.write(mystr.split(".", 2)+"<br>");    //immoc
```
substring: 提取字符串。用法：str.substring(start,stop); //提取从start到stop位置的字符例：
```
<script type="text/javascript">
  var mystr="I love JavaScript";
  document.write(mystr.substring(7));        //Javascript
  document.write(mystr.substring(2,6));      //love
</script>
```
substr: 提取字符串。用法：str.substr(start,length); //从start开始提取length个字符例：
```
<script type="text/javascript">
  var mystr="I love JavaScript";
  document.write(mystr.substr(7));        //Javascript
  document.write(mystr.substr(2,4));      //love
</script>
```
Math: 提供对数据的数学计算。用法：Math.PI, Math.abs(-15), Math.pow,Math.ceil() //向上取整 Math.floor() //向下取整 Math.round() //四舍五入 Math.random() //随机数（0-1）
Array: 数组。用法：new array(); new array(n); [元素1，元素2......]
concat(): 连接两个或多个数组。此方法返回一个新数组，不改变原来的数组。用法：myarray.concat(array1,array2); //从start开始提取length个字符
join(): 把数组中的所有元素放入一个字符串。用法：myarray.join("."); //从start开始提取length个字符
reverse(): 颠倒数组元素的顺序。用法：myarray.reverse();
sort(): 使数组中的元素按照一定的顺序排列。用法：myarray.sort(方法函数); 例:
```
<script type="text/javascript">
  function sortNum(a,b) {
  return a - b;
 //升序，如降序，把“a - b”该成“b - a”
}
 var myarr = new Array("80","16","50","6","100","1");
  document.write(myarr + "<br>");
  document.write(myarr.sort(sortNum));
</script>
```
document.getElementById("ID") //取id为"ID"的对象
document.getElementById("ID").value=x//取value值