JavaScript系列(二)

1、Array对象的创建方式
    注意事项:
      1)在js中,数组可以存储任意类型的元素!
      2)在js中,不存在数组角标越界一说,数组中的元素数量是可以不断的增加..不会出现异常!

     两个方法
     join():将数组中的所有元素以一个符号进行拼接,返回一个新的字符串
     reverse 方法:将数组中的元素进行反转

2、js中的自定义对象
   定义对象
    1)相当于有参构造 的形式
    2)无参构造的形式
    
    function 自定义对象(Person) (参数名){
     //定义属性
     //定义方法
     
    }
    
    创建对象
    var p = new Preson(实际参数) ;
    //输出对象p中的属性值
    //调用对象p中的方法

3、原型(prototype)
   作用:就是给js中的内置对象追加方法使用的
   1)每一个js内置对象都有一个原型属性(prototype)
   2)如果往原型对象中追加一个方法,那么这个方法会自动追加到内置对象中
   3)原型属性是可以直接被内置对象调用然后追加方法

4、window对象:它代表浏览器的一个窗口对象
   
   注意:
     由于window对象中的方法频繁调用,所以为了简化书写方式,有时候window可以去掉
   
    里面涉及的方法:
      open("打开资源文件url","以什么什么方式打开(_blank)/_self","指定新打开的窗口和高度")
      
    和定时器相关的方法:
    setInterval("任务",时间毫秒值); 没经过多少毫秒后重复执行这个任务
    clearInterval():取消和setInterval相关的任务
     window.clearInterval(iIntervalID)  :这个要插入一个Id
    setTimeout("任务",时间毫秒值);   经过多少毫秒后只执行一次
     clearTimeout():取消和setTimeout相关的超时事件
     
    和弹框相关的方法
    window.alert("提示框") ;  //window可以省略
    window.confirm("消息对话框");有确认框,取消框
    prompt:提示对话框,其中带有一条消息和一个输入框

5、location对象:
     href属性:可以修改页面的href属性来实现页面跳转     更改的href属性:--- URL(统一资源定位符)
                  URI
     方法:
    定时刷新:reload()

6、history对象中的方法
    forward:装入历史列表中下一个url
    back:装入历史列表中前一个url
    go(正整数或者负整数)

7、screen对象

  availHeight 获取系统屏幕的工作区域高度,排除 Microsoft® Windows® 任务栏。
  availWidth:宽度

8、事件监听器例子

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>js中的事件监听器</title>
<!--2)编写监听器-->
<script type="text/javascript">
	function testClick(){
		alert("点击成功了..") ;
	}
</script>
	</head>
	<body>
		<!--
        	1)确定事件源  input标签上添加事件
        -->
		<input type="button" value="按钮" onclick="testClick()"  /><!--3)绑定事件-->
</html>

9、事件编程的分类:
  1)和点击相关的事件
   单击点击事件: onclick
   双击点击事件: obdbclick
  
  2)和焦点相关的事件
   获取焦点事件:onfocus
   失去焦点事件:onblur
  
  3)和选项卡发生变化

10、和选项卡发生变化相关的事件:onchange (下拉菜单,select标签)
    和鼠标相关的事件:
    onmouseover:鼠标经过的事件
    onmouseout:鼠标移出的事件
    
   和页面加载相关的事件:onload
    一般用在body
     当body中的内容加载完毕之后就会触发这个事件

猜你喜欢

转载自blog.csdn.net/liuxiaofan_/article/details/80779630