DOM（一）-10-(练习-广告弹窗)

最新推荐文章于 2023-09-26 18:33:00 发布

wy_0928

最新推荐文章于 2023-09-26 18:33:00 发布

阅读量581

点赞数

分类专栏： No.7-JavaWeb自学笔记（五）——DOM

本文链接：https://blog.csdn.net/wy_0928/article/details/47809609

版权

No.7-JavaWeb自学笔记（五）——DOM 专栏收录该内容

42 篇文章 0 订阅

订阅专栏

【DOM练习】
模拟一个广告弹窗

【思路】
页面一加载完就执行，在当前页面定义脚本，有两种方式：
（1）将广告弹窗定义在onload事件中，即页面一加载完成就启动onload事件；
（2）将广告弹窗定义在open方法中，即页面一打开就加载open方法；

【代码1】ad.html中的代码（广告文件）

<html>
	<head>
	</head>


	<body>
		<h1>特价大优惠！</h1>
		<h2>什么东西便宜了呢？</h2>
		<h1>你猜！</h1>


		<script type="text/javascript">
			
			onunload = function(){
				open("ad.html","_blank","height=200,width=400,status=yes,toolbar=yes,menubar=no,location=no");
			}
			
			setInterval("focus()",1000);


		</script>
	</body>
</html>

说明：onunload是在单击广告弹窗右上角的×后，广告弹窗关闭，那么触发onunload事件，再次open出广告弹窗，这个open方法是页面
一加载就执行，即强迫看广告；setInterval方法太损，focus是window中的一个方法，用于获取焦点，所以这行代码意思就是每隔1秒
获取一次焦点，即不停的弹广告，这时候无论是最小化还是关闭依然会不停弹广告。

<html>
	<head>
	</head>


	<body>
		<script type="text/javascript">
			
			onload = function(){
			
				open("ad.html","_blank","height=200,width=400,status=yes,toolbar=yes,menubar=no,location=no");
			
			}
			
		</script>
	</body>
</html>

wy_0928

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
DOM（一）-10-(练习-广告弹窗)

【DOM练习】模拟一个广告弹窗【思路】页面一加载完就执行，在当前页面定义脚本，有两种方式：（1）将广告弹窗定义在onload事件中，即页面一加载完成就启动onload事件；（2）将广告弹窗定义在open方法中，即页面一打开就加载open方法；【代码1】ad.html中的代码（广告文件）特价大优惠！什么东西便宜了
复制链接

扫一扫