JS实现分享页面自动关闭效果

最新推荐文章于 2024-01-24 10:53:06 发布

沐澐

最新推荐文章于 2024-01-24 10:53:06 发布

阅读量3.9k

点赞数 1

分类专栏： JavaScript 文章标签： JavaScript 定时器

本文链接：https://blog.csdn.net/core_song/article/details/53636765

版权

本文介绍了如何使用JavaScript实现分享内容后弹出的新窗口自动关闭的效果。通过创建open_window.html页面触发分享，并在new_window.html页面设置定时器，5秒后自动关闭窗口。

摘要由CSDN通过智能技术生成

JS实现分享页面自动关闭效果

通常我们在分享内容后，会有个新的窗口提示分享成功，然后倒计时关闭窗口。

要实现这个效果，我们要写两个页面：

先创建用于点击的页面 open_window.html

代码如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<a href="javascript:a()">点击分享至微博</a>
		
	</body>
	<script type="text/javascript">
		function a(){
			window.open("new_window.html","_blank","width=500,height=200,top=200,left=300");//设置打开新的窗口的大小及位置
		}
	</script>
</html>

出来的效果大致如下：

写好第一个页面之后ÿ

最低0.47元/天解锁文章

沐澐

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
JS实现分享页面自动关闭效果

JS实现分享页面自动关闭效果通常我们在分享内容后，会有个新的窗口提示分享成功，然后倒计时关闭窗口。要实现这个效果，我们要写两个页面：先创建用于点击的页面 open_window.html代码如下：点击分享至微博 function a(){ window.open("new_window.html","_blank","wi
复制链接

扫一扫