js中的内置对象

一、document

doucment.getElementById()
通过元素id来获取元素
document.getElementByTagName()
通过标签来获取元素
document.referrer()
获取上一个跳转页面的地址----需要服务器环境

二、location

windows.location.href
跳转的url地址重定向
window.location.searck
获取地址栏信息通过?传参数
windows.location.hash
哈希值通过?传参数
实例：

跳转页面 href

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>location属性</title>
    <script type="text/javascript">
        window.onload = function(){

            // 存储上一个页面的地址 -- 伪代码 --要用服务器
            // var sUl = document.referrer;

            var oBtn = document.getElementById("btn01");

            oBtn.onclick = function(){
                // 跳转到上一个页面
                // window.location.href = sUl;
                window.location.href = "https://www.baidu.com";
            }
        }
    </script>
</head>
<body>
    <input type="button" name="" value="跳转" id="btn01">
</body>
</html>

2.hash

接收参数的html

hash
接收参数的html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>location属性</title>
    <script type="text/javascript">
        window.onload = function(){

            // 存储上一个页面的地址 -- 伪代码 --要用服务器
            // var sUl = document.referrer;

            var oBtn = document.getElementById("btn01");

            oBtn.onclick = function(){
                // 跳转到上一个页面
                // window.location.href = sUl;
                window.location.href = "https://www.baidu.com";
            }
        }
    </script>
</head>
<body>
    <input type="button" name="" value="跳转" id="btn01">
</body>
</html>

传递参数的html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>location属性</title>
    <script type="text/javascript">
        window.onload = function(){

            // 存储上一个页面的地址 -- 伪代码 --要用服务器
            // var sUl = document.referrer;

            var oBtn = document.getElementById("btn01");

            oBtn.onclick = function(){
                // 跳转到上一个页面
                // window.location.href = sUl;
                window.location.href = "https://www.baidu.com";
            }
        }
    </script>
</head>
<body>
    <input type="button" name="" value="跳转" id="btn01">
</body>
</html>

三、Math对象

Math.random() // 返回一个从0到1 的随机数

Math.PI // π

Math.foor // 向下取整小数全部去掉

Math.ceil // 向上取整

测试实例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>location属性</title>
    <script type="text/javascript">
        window.onload = function(){

            // 存储上一个页面的地址 -- 伪代码 --要用服务器
            // var sUl = document.referrer;

            var oBtn = document.getElementById("btn01");

            oBtn.onclick = function(){
                // 跳转到上一个页面
                // window.location.href = sUl;
                window.location.href = "https://www.baidu.com";
            }
        }
    </script>
</head>
<body>
    <input type="button" name="" value="跳转" id="btn01">
</body>
</html>

四、调试程序的方法

1.alert()
弹窗直接弹出，会阻止程序的运行，
2.console.log()
不会阻止程序的运行，会打印到控制台上，查看如下

document.title = x

直接输出到标题上

------------恢复内容开始------------