JavaScript 温故而知新(十)BOM基础

本篇目录

      • JavaScript的 BOM基础
      • window对象
          • window对象(全局对象)
          • window对象方法(alert-confirm-prompt)
            • alert()
            • confirm()
            • prompt()
          • window对象方法(open和close)
            • open()
            • close()
          • 定时器 setTimeout
            • 超时调用 setTimeout(code,millisec)
            • 清除超时调用 clearTimeout(id_of_settimeout)
          • 定时器 setInterval
            • 间歇调用 setInterval(code,millisec)
            • 清除间歇调用 clearInterval(id_of_setinterval)
      • location对象
          • location对象属性
            • location.href
            • location.hash
            • location.host
            • location.hostname
            • location.pathname
            • location.port
            • location.protocol
            • location.search
          • location对象方法
            • 改变浏览器位置的方法:(location.href / location.replace)
            • 改变浏览器位置的方法:(location.replace)
            • 刷新页面的方法:(location.reload)
      • history对象
          • history对象方法
            • history历史对象 back
            • history历史对象 forward()
            • history历史对象 go(-n)
            • history历史对象 go(n)
      • screen对象
          • screen对象及属性
            • availWidth
            • availHeight
      • navigator对象
          • navigator对象及属性
            • UserAgent

JavaScript的 BOM基础


BOM(bromser浏览器、 object对象、 model模型)浏览器对象模型

window对象

window对象(全局对象)

window是浏览器的一个实例,在浏览器中,window对象有双重角色,它既是通过JavaScript访问浏览器窗口的一个接口,又是ECMAScript规定的Global对象

	//设置一个全局变量(全局变量--脚本的任何一个地方都能调用的变量)
	var age = 15;
	//相当于在window对象声明了age这个变量
	// window.age = 15;
	
	//声明一个函数
	function sayAge(){
   
		alert('我' + age);
	}
	//调用sayAge函数
	sayAge();//弹出‘我15’弹框

全局变量:window声明:window.变量名 = 值
局部变量:关键字声明:var 变量名 = 值

全局函数:window声明;window.函数名 = function(){}
局部函数:关键字声明;function 函数名(){}

	//声明一个全局变量
	window.username = "marry"; //相当于 var username = "marry";

	//声明一个全局方法
	window.sayName = function(){
   
		alert("我是" + this.username);
	}
	//调用
	window.sayName();
window对象方法(alert-confirm-prompt)
alert()

语法:window.alert(" content ")
功能:显示带有一段消息和一个确认按钮的警告框

confirm()

语法:window.confirm( “message” )
功能:显示一个带有指定消息和OK及取消按钮的对话框
返回值:(布尔型)
如果用户点击确定按钮,则confirm() 返回true
如果用户点击取消按钮,则confirm() 返回false

	<!DOCTYPE html>
	<html>
	<head lang="en">
	    <meta charset="UTF-8">
	    <title></title>
	</head>
	
	<body>
		<div id="box">
			<span>iphone6s</span>
			<input id="btn" type="button" value="删除">
		</div>
	</body>
	
	<script>
		//获取按钮
		var btn = document.getElementById("btn");
		btn.onclick = function(){
   
			//弹出确认对话框
			var result = window.confirm("您确定删除么");
			// \n 换行("您确定\n删除么")
			//可以简写var result = confirm("您确定删除么");
			console.log(result);//是布尔值,确定是true,取消是false
			if(result){
   
				document.getElementById("box").style.display = "none";
			}
		}
	</script>
	
	</html>
 
prompt()

语法:window.prompt( " text,defaultText " )
参数说明:
text:要在对话框中显示的纯文本(而不是HTML格式的文本)
defaultText:默认的输入文本
返回值:
如果用户单击提示框的取消按钮,则返回null
如果用户单击确认按钮,则返回输入字段当前显示的文本

	//弹出输入框
	var message = prompt("请输入您的星座","射手座");
	console.log(message);
	//点击取消,返回null
	//点击确定,返回默认值或者输出的值
window对象方法(open和close)

你可能感兴趣的:(JS,基础,javascript)