JavaScript（2）

BOM定义及组成部分

1.定义：浏览器对象模型(Browser Object Model)

2.BOM核心组成部分（对象）：

（1）window（窗口）

（2）history（历史）

（3）document（文档）

（4）location（地址）

window对象

1.confirm（）

function show(){

    var flag = window.confirm("确认是否要吃鱼？");

    if (flag){

        alert("请找老默");

    }else{

        alert("请找启盛");

    }

}

特点：

（1）确认框

（2）当确认框弹出时，用户可以点击"确认"或者"取消"来确定用户操作。

当你点击"确认"，确认框返回ture，如果点击"取消"，确认框返回false

（3）window.confirm（）可以缩写为confirm（）

2.open（）方法

function show(){

open("demo03.html");

}

特点：

（1）用于打开一个新的浏览窗口

（2）window.open（）可简写为open（）

3.prompt（）方法

function show(){

    var flag = prompt("你叫什么？","小张");

    if(flag =="小红"){

        alert("红红是最棒的");

    }else if(flag =="小强"){

        alert("强强是最帅的");

    }else{

        alert("大家好才是真的好");

    }

}

特点：

（1）prompt（）方法用于显示可提示用户进行输入的对话框

这个方法返回用户输入的字符串

（2）prompt（）返回值就是输入的值

（3）window.prompt（）；可以缩写为prompt（）；

4.alert（）

特点：

（1）alert（）方法用于显示带有一条指定消息和一个确认按钮的警告框

（2）参数不同场景下的调用问题【拓展1】

（3）HTML嵌入javascript（可以实现所有的JS代码）特殊字符===>javascript：

<input type="button" value="点我" οnclick="javascript:alert('我是中国人');"/>

history对象

1.back（）

跳转到上一个url页面

function show(){

    window.history.back();

}

2.forward（）

跳转到下一个url页面

如果是第一次访问这个页面，没有历史记录就不能跳转

function show(){

    window.history.forward();

}

3.go（）

function show(){

    window.history.go(1);

}

function show(){

    window.history.go(-1);

}

Location对象

特点：location.href跳转

<a href="javascript:window.location.href='demo09.html'">跳转到demo09</a>

拓展：document.referrer

定义：判断当前文档是否为通过连接访问的

var flag = document.referrer;

if(flag ==""){

    alert("为由其他页面跳转，直接访问demo09");

}else{

    alert("由其他页面跳转到demo09")

}

Document对象

1.getElementById（）

定义：getElementById（）方法可返回对拥有指定ID的第一个对象的引用

注释：因为浏览器是从上往下读取代码的，所以<script>标签在head和在body所展示的效果不一样

<p>我</p>

<p>是</p>

<p id="one">中国人</p>

<script type="text/javascript">

    document.getElementById("one").innerHTML = "中国的人";

</script>

2.getElementsByName（）

定义：方法可返回带有指定名称的对象的集合

<p>我</p>

<p name="fact">是</p>

<p id="one" name="fact">中国人</p>

<script type="text/javascript">

    var array = document.getElementsByName("fact");

    for(var a in array){

        array[a].innerHTML = "完美";

}

</script>

3.getElementsByTagName（）

定义：方法可返回带有指定标签名的对象的集合

<p>我</p>

<p name="fact">是</p>

<p id="one" name="fact">中国人</p>

<script type="text/javascript">

    document.getElementsByTagName("p")[2].innerHTML = "完美";

</script>

4.write（）

向文档写文本、HTML表达式或JavaScript代码

JavaScript内置对象

1.Date

用于操作日期和时间

var date = new Date();

document.write("时："+date.getHours()+"<br />");

document.write("分："+date.getMinutes()+"<br />");

document.write("秒："+date.getSeconds()+"<br />");

2.Math

用于执行常用的数学任务，它包含了若干个数字常量和函数

document.write(Math.ceil(25.1)+"<br />");

document.write(Math.floor(25.9)+"<br />");

document.write(Math.round(25.5)+"<br />");

document.write(Math.random());