js 跳转链接，浏览器当前页面出弹框

原创已于 2022-07-07 13:05:45 修改 · 879 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

于 2022-07-05 13:14:03 首次发布

本文介绍了一种使用HTML和JavaScript实现在线咨询服务窗口的方法。通过简单的代码示例展示了如何创建一个可自定义大小并居中显示的弹出窗口。此方案适用于希望快速集成在线咨询功能的网站。

效果：

html:

 <a href="javascript:void(0);" class="btn" onclick="javascript:openwindow('url','','800','800')">在线咨询</a>

js:

function openwindow(url,name,iWidth,iHeight){
    var url;
    var name;
    var iWidth;
    var iHeight;
    var iTop=(window.screenY || window.screenTop || 0) + (screen.height - iHeight) / 2;
    var iLeft=(window.screenX || window.screenLeft || 0) + (screen.width - iWidth) / 2;
    window.open(url,name,'height='+iHeight+',,innerHeight='+iHeight+',width='+iWidth+',innerWidth='+iWidth+',top='+iTop+',left='+iLeft+',toolbar=no,scrollbars=auto,menubar=no,
resizeable=no,location=no,status=no')
}