BOM的小知识

弹出框:alert()|confrim()|prompt()方法

1、alert()

alert("我是一个弹窗");在这里插入图片描述

2、confirm()
var a=confirm("你确定要离开网站吗?");
console.log(a); //在页面打印返回值

在这里插入图片描述

3、prompt()
 	var b=prompt("早上吃了什么?");
 	console.log(b);

在这里插入图片描述

2、定时器

2.1定时器方法:setTimeout()|setInterval()

1000毫秒=1s,延迟性的操作

setTimeout(function(){
 		console.log("延迟打印");
 	},2000);

 	var num=0;
 	var timer=null;
 	timer=setInterval(function(){
 		num++;
 		if(num>5){
 			clearInterval(timer);
 			return 0;
 		}
 		console.log('num:'+num);
 	},1000);

3、location对象

	//服务器地址、端口号
	console.log(location.host);
	//服务器名称
	location.hostname
	//完整的URL(已经编码)
	location.href
	//文件名、文件目录
	location.pathname
	//获取端口号
	location.port
	//获取网站协议
	location.protocol
	//获取查询的内容
	location.search
3.1应用
function getQueryString(){
//1.获取信息  <?username=yyqx&password=123>
	var a=location.search;
	console.log(a);
//2.去掉?  <username=yyqx&password=123>
	if(a.length>0){
		a=a.slice(1,a.length);
		console.log(a);
	}else
		a="";
//3.分割	存放在数组arr中	<["username=yyqx", "password=123"]>
	var arr=[];
	if(a.length>0){
		arr=a.split('&');
		console.log(arr);
	}else{
		arr=[];
	}
//4.遍历再分割 {username: "yyqx", password: "123"}
	var arr1=[],key=[],value=[],object={};

	for(var i=0;i<arr.length;i++){
		arr1=arr[i].split('='); //<["username", "yyqx"]>
		console.log(arr1);
		key=decodeURIComponent(arr1[0]);
		value=decodeURIComponent(arr1[1]);
		if(key.length>0){
			object[key]=value;
		}
	}
	return object;
}
console.log(object);

4、跳转页面

setTimeout(function(){
	//可以后退访问历史记录
	// location.href="https://www.baidu.com";
	//直接覆盖,不产生历史记录
	// location.replace("https://www.baidu.com");
	//刷新页面
	location.reload();
},2000)//2000为跳转时间,2000=2s

5、检查浏览器插件

var e=2;
		var count=0;
		function hasPlugin(a){
			a=a.toLowerCase();

			for(var i=0;i<navigator.plugins.length;i++){
				if(navigator.plugins[i].name.toLowerCase().indexOf(a)>-1){
					e=1;
					// return true;
					// console.log(true);
				}
				else{
					e=0;
					count++;
					// return false;
					// console.log(false);
				}
				if(e==1){
					return true;
				}else if(e==2){
					return false;
				}else if(count==navigator.plugins.length){
					return false;
				}
			}
		}
		var b=hasPlugin("QQPCMgr Detector");
		console.log(b);

history对象

var count=0;
		setTimeout(function(){
			count++;
			console.log(count);
			// history.go(0);//刷新
			history.go(-1);//后退一个页面
		},2000);
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值