<html lang="en">
<head>
<meta charset="UTF-8">
<title>d窗</title>
</head>
<style>
#alert_box
{
width: 200px;
height: 200px;
background-color: red;
display: none;
position: absolute;
}
</style>
<body>
<div id="alert_box"></div>
<button id="btn">d窗</button>
<script>
var width=documentdocumentElementclientWidth||documentbodyclientWidth;
var height=documentdocumentElementclientHeight||documentbodyclientHeight;
documentgetElementById("btn")addEventListener("click",alert_box);function alert_box()
{documentgetElementById("alert_box")style="display:inline;position:absolute;left:"+Mathfloor((width-200)/2)+"px;top:"+Mathfloor((height-200)/2)+"px;";
}
</script>
</body>
</html>
扩展资料：
注意事项
常见正常d出窗口失效的原因：
1使用windowopen,但是定义窗口名，也就是在打开窗口传入name参数，因为windowopen只能打开唯一的窗体名为name的窗体。所以有些人会以为被浏览器拦截屏蔽了。
2使用异步的ajax，通过ajax向服务器请求，在请求完成后再打开窗口的 *** 作，如果是使用异步的方式，将出现延时，这是浏览器就会以为不是用户触发的 *** 作，这时只要设置同步的方式即可。笔者就是因为这个原因。
可能存在替代方案：
既然想到d窗，固然是因为有这方面的需求，目前‘浏览器无法拦截的d出窗口’是不可能的，能不能找到替代方案。这里提供两个方案：
1如果是d窗广告，一般的做法是在页面document绑定click事件或者的srcoll事件，因为一般打开网页都会点一下或者是滚一下鼠标。所以就很容易的d窗了（这里以技术出发，笔者代表绝大部分用户不接受这种广告方式）。
2如果是d出通知信息，就更容易，不用这么鬼鬼祟祟了，直接d出div的“窗口就行”。
a标签内套用table是不符合html语义的
看你的代码，现在是一行一个table，其实应该是一行一个tr，整体是一个table，这样的代码会更合理优化
你想解决的问题，不知道你为什么不愿意使用onclick，也不知道你是不愿意在table上加onclick还是所有标签上都不愿意加onclick事件
如果按照我的说法优化你的代码，你可以在tr上添加onclick，如果你想按照你自己的代码做的话，a内加href是没有办法的，你不妨考虑在a标签上加onclick事件
<a onclick="windowlocation='admin_xglaspid=25&my=1'" href="javascript:;">
最近在学习vue基础，想给a添加一个点击事件，没有注意到a的href设为了空，导致页面一直在刷新，点击事件根本就没有进去
后来知道a标签的href会导致默认人的页面跳转事件，如果为空值，就会刷新页面。
因为这个小的问题，就重新看了一下给a绑定点击事件注意的小地方，记录一下
1链接的 onclick 事件被先执行，其次是 href 属性下的动作（页面跳转，或 javascript 伪链接）；
2如果在链接的 href 属性中调用一个有返回值的函数，当前页面的内容将被此函数的返回值代替；
3假设链接中同时存在 href 与 onclick，如果想让 href 属性下的动作不执行，我们需要阻止默认行为,
为什么只能在那里得到参数？参数的作用域你弄清楚了吗？
这种设计到按钮客户端样式和相应转换，一定要用到js。
如果你的参数是在request作用域里面，直接定义jsp页面内部js获取参数就好了
例如：
<script type="text/javascript">
var parma1 = "${param1}";
</script>
可能是默认事件阻挡。在 *** 作过程中，控制台获取到的base64之后，控制台可以打印出来base64，可是a标签的点击事件响应之后一直没有反应，可能是浏览器的默认事件阻挡了a标签的事件，排查到后，如果是，就换个浏览器 *** 作。
以上就是关于如何实现a标签点击事件，d出d窗而不是页面全部的内容，包括:如何实现a标签点击事件，d出d窗而不是页面、网页a标签、简谈a标签与添加点击事件等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）