1、document
document.getElementById //通过id获取元素
document.getElementsByTagName //通过标签名获取元素
document.referrer //获取上一个跳转页面的地址(需要服务器环境)
2、location
window.location.href //获取或者重定url地址
window.location.search //获取地址参数部分
window.location.hash //获取页面锚点或者叫哈希值
window.location.href 实例:通过程序来控制跳转 而不是点链接跳转
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript">
window.onload = function(){
// 存储上一个页面的地址:
//var sUrl = document.referrer;
var oBtn = document.getElementById('btn01');
oBtn.onclick = function(){
//window.location.href = sUrl;
window.location.href = "http://www.baidu.com";
}
}
</script>
</head>
<body>
<input type="button" name="" value="跳转" id="btn01">
</body>
</html>
window.location.search 通过地址栏的参数改变页面状态
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
window.onload = function () {
var oBtn = document.getElementById("body01");
var sData = window.location.search;
if(sData!=0){
var aRr = sData.split("=");
var iNum = aRr[1];
if (iNum==1){
oBtn.style.backgroundColor = "yellow";
}
if (iNum==2){
oBtn.style.backgroundColor = "pink";
}
}
}
</script>
</head>
<body id="body01">
</body>
</html>
3、Math
Math.random 获取0-1的随机数
Math.floor 向下取整
Math.ceil 向上取整
<script type="text/javascript">
var iPi = Math.PI;
var arr = [];
for (var i=0;i<100;i++)
{
// Math.random 只能返回从0到1之间的随机数,不包括0,也不包括1
var iNum = Math.random();
arr.push(iNum);
}
//alert(arr);
console.log(arr);
//向下取整,去掉小数部分
alert(Math.floor(5.6)); // 弹出5
//向上取整,去掉小数部分,整体加1
alert(Math.ceil(5.2))
// 10 - 20 之间的随机数
var iN01 = 10;
var iN02 = 20;
var arr2 = [];
for(var i=0;i<40;i++)
{
// 生成从10到20的随机数
var iNum02 = (iN02-iN01)*Math.random() + iN01;
// 生成从10到20的随机整数 包括20
var iNum02 = Math.floor((iN02-iN01+1)*Math.random()) + iN01;
arr2.push(iNum02);
}
console.log(arr2);
</script>