javascript练习(5)——BOM浏览器

目录

 

1.对话框

2.open

3.history对象

4.字符串实例


1.对话框

var res= confirm("请选择确定和取消");
alert(res);
var aee=prompt("请输入一个数",9);

2.open

<script type="text/javascript">
    
            function init(){
                var oBtn =document.getElementById("btn");
                oBtn.onclick=function(){
                    open("http://www.baidu.com","百度");
                }
            }
 </script>

3.history对象

<script type="text/javascript">
    //保存用户上网记录
    //history.length,.back()后退,.forward(),前进,.go():0,重载。正数前进,负数后退
    window.onload=function(){
        var oBtn=document.getElementById("btn");
        oBtn.onclick=function(){
            alert(history.length);
        }
        var oForward=document.getElementById("forward");
        oForward.onclick=function(){
           history.forward();
        }
        var oBack=document.getElementById("back");
        oBack.onclick=function(){
            history.back();
        }
        var oGo=document.getElementById("go");
        oGo.onclick=function(){
            history.go(2);
        }
    }
</script>

4.字符串实例

?id=5&search=ok

获取url中search,通过传入对应的key,返回key对应的value

例子:传入id,返回5

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script type="text/javascript">
    /*?id=5&search=ok
        获取url中search,通过传入对应的key,返回key对应的value
        例子:传入id,返回5
    */

    function getValue(search,key){
        var start=search.indexOf(key);//返回第一次出现的位置,找不到就返回-1
        if(start == -1){
            return;
        }else{
            var end=search.indexOf("&",start);//第2个参数是查找的起始位置,O要大写
            if(end==-1){
            end=search.length;
            }
        }
        var str=search.substring(start,end);//提取子字符串
        // alert(str)
        var arr=str.split("=");
        return arr[1];
       
    }
    var search = "?id=5&search=ok";
   alert(getValue(search,"id"));
   alert(getValue(search,"search"));

    </script>
</head>
<body>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_34243694/article/details/92841826
今日推荐