JavaScript-ECMAScript 的正则对象和全局对象,简单的DOM入门,BOM浏览器对象模型

JavaScript

ECMAScript 的正则对象和全局对象

正则对象

1.作用:

  	主要用于做表单校验.例如:判断用户名密码验证码等等是否正确

2.常见的正则表达式

  	a.查看API文档
  	b.网络搜索常见正则表达式

3.使用方式

  	a.创建对象
  		方式1: var reg = new RegExp("正则表达式");
  		方式2: var reg = /正则表达式/;
  	b.调用函数
  		reg.test(参数);  //如果匹配成功,返回true。匹配失败,返回false

全局对象

1.编码和解码

  	a.编码 encode()
  	b.解码 decode()

2.转换为数字类型的方法

  	parseInt(数据)

3.将字符串作为js脚本运行

  	eval("字符串作为js脚本运行")

简单的DOM入门

获取标签的对象

  var html标签对象 = document.getElementById("html标签的id");

设置属性和内容的方法

1.设置属性的方法

  	html标签对象.src = "路径";  //设置路径
  	html标签对象.width = 10;  //设置宽度
  	html标签对象.height = 10;  //设置高度

2.修改HTML里面的内容

  	html标签对象.innerHTML = "需要修改的内容";

事件的简单学习

1.事件的绑定方式

  	a.方式1:
  		在HTML代码当中
  		
  		在JS代码当中
  		function 函数名称(参数){
  			.......
  		}
  	b.方式2
  		在HTML代码当中
  		
  		在JS代码当中
  		function 函数名称(参数){
  			.......
  		}
  		var HTML的标签 = document.getElementById("xx");
  		HTML的标签.onclick = 函数名称;

BOM浏览器对象模型

BOM概述

1.含义:

  	BOM浏览器对象模型

2.组成部分

  	a.Window:窗口对象
  	b.Naigator:浏览器对象(了解即可)
  	c.Sceen:显示器屏幕对象(了解即可)
  	d.Hitory:历史记录对象
  	e.Loation:地址栏对象

Window 窗口对象

1.弹出的方法

  	a. alter("警告框");  //警告框
  	b. confirm();  //确认取消框(掌握)
  	c. prompt(); //输入框 参数:提示语,返回值:输入框的内容

2.打开关闭窗口的方法

  	a.打开窗口
  		var 新窗口的对象 = open("要开启的网址");
  	b.关闭窗口
  		新窗口的对象.close();  //如果不写新窗口的对象,关闭的是自己

定时器

1.一次性定时器

  	a.开启方式
  		var id值 = setTimeout("函数名称(参数)",毫秒值);
  	b.取消方式
  		clearTimeout(id值);

2.循环定时器

  	a.开启方式
  		var id值 = setInterval("函数名称(参数)",毫秒值);
  	b.取消方式
  		clearInterval(id值);

window对象的属性

  1. 获取其他BOM对象:

       history
       location
       Navigator
       Screen:
    
  2. 获取DOM对象

       document
    

location对象的属性和方法

1.方法

  	reload() 重新加载"刷新"

2.属性

  	href 跳转到某个页面,获取页面地址

3.例如:

  	var v1 = location.href;  //这里的v1 获取页面的地址
  	location.href = "http://www.baidu.com";  //这里就是跳转到百度页面

history历史记录

1.方法

  	a.forward()  //前进历史记录  
  	b.back() //后退历史记录
  	c.go(数字) //正数是前进,负数是后退

2.属性

  	length  //当前的窗口历史记录的数据(注意:不是浏览器,是窗口)

你可能感兴趣的:(JavaScript,ECMAScript,DOM,BOM)