从图像映射启动新窗口，设置其大小和参数
从图像映射启动新窗口，设置其大小和参数
提问于 2018-09-17 00:51:23
我有一个图像与22个定义的地图区域。地图如下所示：
map name="22_zones"
area shape="circle" coords="251,528,29" href="registration.php?r=22"
area shape="circle" coords="308,451,28" href="registration.php?r=21"
.
.
.
.
/map我希望地图驱动的超链接生成一个新窗口，并设置它的大小/滚动/大小等。在其他实例中--而不是图像地图--我将使用如下内容：
a href="#" onclick="javascript:window.open('../registration.php?r=22', 'none',menubar=no,scrollbars=yes,resizable=yes,location=no,directories=no,status=no,width=470,height=550');"这种方法是否适用于图像映射？
回答 2
Stack Overflow用户
发布于 2018-09-17 01:05:00
顺便说一句，如果你想避免内联JS，你可以使用：
var areas = document.querySelectorAll('map[name="name"] area');
for (var i = 0, j = areas.length; i < j; i++) {
areas[i].addEventListener('click', function(e) {
window.open(e.target.href, 'none','menubar=no,scrollbars=yes,resizable=yes,location=no,directories=no,status=no,width=470,height=550');
e.preventDefault();
});
}Stack Overflow用户
发布于 2018-09-17 00:55:43
是我的错。事实证明，HTML和Javascript需要正确的拼写。解决方法：
<area shape="circle" onclick="javascript:window.open('http://www.townofsilvercity.org/pickitupsc/registration.php?r=14'，“251,528，29”target="_blank“href="#”target= 'none'，'menubar=no，scrollbars=yes，resizable=yes，location=no，directories=no，status=no，width=470，height=550');">
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52356336
复制相关文章
相似问题