前端入门学习笔记七十五

最新推荐文章于 2024-07-24 23:00:08 发布

物恰冰可乐

最新推荐文章于 2024-07-24 23:00:08 发布

阅读量374

点赞数

分类专栏：前端文章标签：前端学习 javascript html

本文链接：https://blog.csdn.net/m0_65384293/article/details/128293195

版权

前端专栏收录该内容

109 篇文章 2 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Window - 浏览器对象模型 </title>
	</head>
	<body>
		<p id="d">Window - 浏览器对象模型 </p>
		<script>
		var w=window.innerWidth
		      || document.documentElement.clientWidth
		      || document.body.clientWidth;
		var h=window.innerHeight
		      || document.documentElement.clientHeight
		      || document.body.clientHeight;
		x=document.getElementById("d");
		x.innerHTML="HTML: " + w + ", CSS: " + h + "。"
		</script>
	</body>
</html>

JavaScript Window - 浏览器对象模型
Window 对象
Window 尺寸
window.open() - 打开新窗口
window.close() - 关闭当前窗口
window.moveTo() - 移动当前窗口
window.resizeTo() - 调整当前窗口的尺寸
window.innerHeight - 浏览器窗口的内高度（以像素计）
window.innerWidth - 浏览器窗口的内宽度（以像素计）

<!DOCTYPE html>
<html>
	<head>
	<meta charset="utf-8">
	<title>screen.availHeight - 可用的屏幕高度</title>
</head>
<body>
	<script>
	document.write("html: " + screen.availHeight);
	</script>
</body>
</html>

JavaScript Window Screen
screen.availHeight - 可用的屏幕高度
Window Screen 可用高度
screen.availHeight 属性返回访问者屏幕的高度，
以像素计，减去诸如窗口工具条之类的界面特征

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>screen.availWidth - 可用的屏幕宽度</title>
	</head>
	<body>
		<script>
		document.write("CSS: " + screen.availWidth);
		</script>
	</body>
</html>

JavaScript Window Screen
screen.availWidth - 可用的屏幕宽度
screen.availWidth 属性返回访问者屏幕的宽度，
以像素计，减去诸如窗口工具条之类的界面特征。

<!DOCTYPE html>
 <html>
	<head>
		<meta charset="utf-8">
		<title>Date()</title>
	</head>
	<body>
		<script>
		var hh=new Date();
		document.write(hh);
		</script>
	</body>
 </html>

JavaScript Date（日期）对象
Date()
Date 对象
Date 对象用于处理日期和时间。
日期对象是用 new Date() 创建的

<!DOCTYPE html>
 <html>
	<head>
		<meta charset="utf-8">
		<title>getFullYear()</title>
	</head>
	<body>
		<p id="dw">getFullYear()</p>
		<button onclick="myFunction()">css</button>
		<script>
		function myFunction(){
			var f = new Date();
			var c = document.getElementById("dw");
			c.innerHTML=f.getFullYear();
		}
		</script>
	</body>
 </html>