js当前页面打开小窗口 window.open

最新推荐文章于 2025-04-01 15:19:41 发布

漂移的电子

最新推荐文章于 2025-04-01 15:19:41 发布

阅读量4.5k

点赞数 2

分类专栏： js 文章标签：前端

原文链接：https://blog.csdn.net/solly793755670/article/details/79104211

版权

js 专栏收录该内容

51 篇文章

订阅专栏

本文介绍了如何使用JavaScript设置一个高度350px，宽度480px的在线客服窗口，具备自定义样式（无滚动条、不可调整大小等），并详细讲解了window.open函数的参数配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

     height=350 窗口高度
	 width=480 窗口宽度
	 scrollbars=no 不显示滚动条 
	 resizable = no 不能调整大小 
	 status = no  不显示状态栏 
	 toolbar = no 不显示工具栏 
	 menubar = no 不显示菜单栏
	 location=no  是否显示地址栏，yes为允许；
	 status=no  是否显示状态栏内的信息（通常是文件已经打开），yes为允许

	<p class="shangqiao" style="text-align: center;margin-top:100px;">打开在线客服</p>
		<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
		<script type="text/javascript">
			function openWin(url)
			 {                  
			  var name;                           //网页名称，可为空;
			  var iWidth=500;                         //弹出窗口的宽度;
			  var iHeight=570;                        //弹出窗口的高度;
			  //window.screen.height获得屏幕的高，window.screen.width获得屏幕的宽
			  var iTop = (window.screen.height-30-iHeight)/2;       //获得窗口的垂直位置;
			  var iLeft = (window.screen.width-10-iWidth)/2;        //获得窗口的水平位置;
			  window.open(url,name,'height='+iHeight+',innerHeight='+iHeight+',width='+iWidth+',innerWidth='+iWidth+',top='+iTop+',left='+iLeft+',toolbar=no,menubar=no,scrollbars=auto,resizable=no,location=no,status=no');
			 }
			$(function() {
				$('.shangqiao').click(function() {
					openWin('./666.html');
				});
			});
		</script>