第二章：Js基础（二）(javaScript)

1、DOM（Document Object Model）文档对象模型
文档其实是一个网页：

• 通过 id 找到 HTML 元素
• 通过标签名找到 HTML 元素
• 通过类名找到 HTML 元素

示例代码如下：

document.write("<font color='red'>在吗</font>");
document.write("<font  color='red'>nihao</font>");

2、BOM(Browser Object Model)浏览器对象模型
警示框:window.alert()
确认框:window.confirm(“really?”)
提示框:window.prompt()
网页跳转:
window.location.href=“http://www.baidu.com”;
打开新窗口window.open(“http://www.baidu.com”)
刷新页面:history.go()
\t:制表位 \r\n或\n:换行
示例代码如下：

var flag = window.confirm("really");
if(flag){
		document.getElementById("sp").style.color="red";
				// document.getElementById("sp").style.color="red";
}else{
		window.location.href="http://www.baidu.com";
				
}
console.log(flag);

var aa=window.prompt()
console.log(aa)

3、 正则表达式
正则表达式（英语：Regular Expression，在代码中常简写为regex、regexp或RE）使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。实质上就是一个字符串的语法规则;

/正则表达式主体/修饰符(可选)
Var regex=new RegExp(“正则”);
测试匹配正则:test()
Search()搜索,返回值位下标(索引)
Replace()替换,第一个参数老字符串,第二个参数新字符串
修饰符:
i 执行对大小写不敏感的匹配。
g 执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。
m 执行多行匹配。

示例代码如下：

var str1 = "abc123def456";
var str2 = str1.replace(/\d+/gi, "*");
console.log(str2)
var str="qwweqi"
var regex = new RegExp("^[a-zA-Z]+$")
var flag =regex.test(str)
console.log(flag)

4、日期Date
创建日期,获取的是当前国际标准的系统时间格式
var date=new Date()
获取时间戳(从1970年1月1日 00:00:00的毫秒数)
var time=date.getTime();
var a=date.getDate()
获取日期
var t=date.toDateString();
获取时分秒
var d=date.toTimeString();
获取本地时间
var l=date.toLocaleString();
5、计时器
setInterval():多久执行一次;第一个参数代表执行的方法,第二个参数代表时间
示例代码如下：

var val =setInterval(function(){
				var date =new Date();
				document.getElementById("p").innerHTML=date.toLocaleString();
			},1000)
function stop(){
				clearInterval(val)
			}
function start(){
				history.go()
			}