JS学习（九）-js常用内置对象

最新推荐文章于 2024-04-23 23:15:00 发布

在下平兄

最新推荐文章于 2024-04-23 23:15:00 发布

阅读量79

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/weixin_44494778/article/details/100063646

版权

JS 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

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>

在下平兄

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS学习（九）-js常用内置对象

1、documentdocument.getElementById //通过id获取元素document.getElementsByTagName //通过标签名获取元素document.referrer //获取上一个跳转页面的地址(需要服务器环境)2、locationwindow.location.href //获取或者重定url地址window.location.searc...
复制链接

扫一扫

专栏目录