JavaScript（函数&BOM编程[window、location、history]）

一、JavaScript函数

系统函数：

eval("alert(123)")：识别js脚本代码(字符串)并且可以运行

parseInt ("字符串")

/*parseInt ("字符串")
​
将字符串转换为整型数字*/
​
var a="1";
​
var b=1;
​
var c=parselnt(a)+b；
​
alter(c);

parseFloat("字符串")

/*parseFloat("字符串")
​
 将字符串转换为浮点型数字*/
​
var a="1.2";
​
var b=1;
​
var c=parselnt(a)+b；
​
alter(c);

isNaN():判断是否是非数字

var a=1;
alert(isNaN(a));//false
alert(isNaN("124"))//false
alert(isNaN("edj"));//true

自定义函数：

/*无返回无参数*/
    function mydemo1(){
    alert("无返回无参数")
}
​
/*无返回有参数*/
    function mydemo2(a,b){
        console.log("无返回有参数函数 "+(a+b));
}
​
/*有返回无参数*/
    function mydemo3(){
    return "张三";
}
​
/*有返回有参数*/
    function mydemo4(a,b,c){
        return a+b+c;
}

函数定义方式：

1.显示定义 function xxxName(){} ​

2.匿名定义 var method = function(){} ​

3.Function定义 var calSum3 = new Function('num1', 'num2', 'return num1 + num2');

//根据标签的id属性获取标签(对象)
​
var oBtn = document.getElementById('oBtn');

函数的调用：

1.可以借助标签的事件属性调用

间接调用：script标签中首先得到标签对象，然后在调用属性。

2.直接调用：方法名();

// 当一个函数名函数名称时,必须要借助事件属性进行调用
​
oBtn.onclick = function(){
    alert("123");
}

/*全局对象
本例以 this 的值返回这个 window 对象：*/
var x = myFunction();            // x 将成为 window 对象
​
function myFunction() {
   return this;
}

/*创建了一个对象（myObject），带有两个属性（firstName 和 lastName），以及一个方法（fullName）*/
var myObject = {
    firstName:"Bill",
    lastName: "Gates",
    fullName: function () {
        return this.firstName + " " + this.lastName;
    }
}
myObject.fullName();         // 将返回 "Bill Gates"

二、BOM编程:

BOM即浏览器对象模型,用于浏览器窗口进行交互的对象。

BOM编程中的顶层对象---window

window作用:在script标签中所定义的任意全局属性以及任意全局方法 都会默认成为window部分之一

window中常用的一些方法：

open();打开一个新窗口

function myOpen(){
			//点击按钮打开新窗口:4399
			// window.open("http://www.4399.com");

			window.open("http://www.baidu.com","low",'height=400,width=500');
    

myClose();关闭网页

function myClose(){
			var flag = window.confirm('你确定要分手吗?');
			if(flag){
				window.close();
			}

location： 获取或设置当前url浏览器地址；

window.onlad = function(){

//获取当前网页的URL地址

var url = window.location.href;

console.log(url);

}

history：代表浏览器的历史信息，实现上一步/刷新/下一步操作

function next(){
			history.forward();//前进
		}
<button onclick="next();">前进<button>
function back(){
			historward.back();//返回
}
<button onclick="back();">返回<button>

window对象的定时器(倒计时)

setTimeout(回调函数,毫秒值)---一次性

setInterval(回调函数,毫秒值)---永久性（可以一直用）

var timer = window.setTimeout((){

console.log('好好学习')

},3000);
	//关闭定时器
function myClearTimeout(){
    window.clearInterval(timer);
}

window对象的特殊事件：加载事件onload(一个网页只能有一个)

window.onload = function(){

var oDiv = document.getElementById("oDiv");
	
    console.log(oDiv.innerHTML);//innerHTML获取指定标签的内容
    
};

三、js的内置对象Date

1.获取当前的系统时间

var date = new Date();
console.log(date);
console.log(date.toLocaleString());

举例时钟：

window.onload=function(){
    var oDiv=document.getElementById("oDiv");
   window.setInterval(function(){
        var date=new Date();
        oDiv.innerHTML=date.toLocaleString();
       	},1000);
    };
    
<div id="oDiv">
    <script type="text/javascript">
        document.write(new Date().toLocaleString());
</script>
</div>