html- 盒子引入htmll

最新推荐文章于 2024-06-16 15:46:21 发布

橙_

最新推荐文章于 2024-06-16 15:46:21 发布

阅读量782

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/qq_43645096/article/details/93412218

版权

html 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

盒子中引入 html.
并且将背景html隐藏

					$("#settingpagebox").load("settingPage.html");  //盒子引入html
					var pagebox = document.getElementById('settingpagebox');
					console.log(pagebox);
					pagebox.style.width = document.documentElement.clientWidth + 'px';
					pagebox.style.height = document.documentElement.clientHeight + 'px';
 					console.log(document.documentElement.clientWidth);
 
 					pagebox.style.background = '#fff';   //设置背景色为白色
 					window.onresize = function() {    //html的显示宽高为浏览器的款高.=随浏览器大小变化
 						pagebox.style.width = document.documentElement.clientWidth + 'px';
 						pagebox.style.height = document.documentElement.clientHeight + 'px';
 
      				 }

打开子窗口:

window.open("settingPage.html", "settingPage", "width=600, height=500,");

博文:https://bbs.csdn.net/topics/310108392

<!DOCTYPE html>  //父窗口
<html>

	<head>
		<meta charset="UTF-8">
		<title>dataExport</title>
		
		<script type="text/javascript">
			function open_son() {
				window.open("son.html", "son", "width=100, height=100");

			}
		</script>
	</head>

	<body onload="open_son()">
	</body>

</html>

<!DOCTYPE html>  //子窗口
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<script type="text/javascript">
			function liKai() {
				window.close("son");
			}
		</script>
	<body>
		<!--son.html-->
		
			<form>
				<input type="button" value="离开" onclick="liKai()" />
			</form>
		</html>
	</body>
</html>

共用头部,尾部
博文:https://blog.csdn.net/qq_35393869/article/details/79803190

博文: https://www.w3h5.com/post/53.html

橙_

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
html- 盒子引入htmll

盒子中引入 html.并且将背景html隐藏 $("#settingpagebox").load("settingPage.html"); //盒子引入html var pagebox = document.getElementById('settingpagebox'); console.log(pagebox); pagebox.style.widt...
复制链接

扫一扫

专栏目录