Javascript imagemap区域元素上的Onclick事件

Javascript imagemap区域元素上的Onclick事件,javascript,html,Javascript,Html,我有以下问题。我有一个大的图像(横幅),在它上面我有两个标志,这是两个地图区域。我想做以下事情:当你点击英语标志时,语言变为英语;当你点击西班牙语标志时,语言变为西班牙语。我不知道我是应该使用href还是onclick函数来实现它。我添加了一些代码 <img src="banner_trading_1440_x_176_esp.jpg" usemap="#planetmap"> <map name="planetmap"> <area shape="rect"

我有以下问题。我有一个大的图像(横幅),在它上面我有两个标志,这是两个地图区域。我想做以下事情:当你点击英语标志时,语言变为英语;当你点击西班牙语标志时,语言变为西班牙语。我不知道我是应该使用href还是onclick函数来实现它。我添加了一些代码

<img src="banner_trading_1440_x_176_esp.jpg"   usemap="#planetmap">
<map name="planetmap">
 <area shape="rect" coords="1318,14,1346,32" alt="Eng"  href="javascript:window.location.href='<?php echo base_url(); ?> LanguageSwitcher/switchLang/spanish';" >
 <area shape="rect" coords="1276,14,1303,32" alt="Esp" onclick="javascript:window.location.href='<?php echo base_url(); ?> LanguageSwitcher/switchLang/spanish';"/>
</map>


如果您停留在页面上并响应某个事件,我会说使用
onclick

如果您要导航到一个新的url,我建议使用
href


由于您要导航到一个新的url,我会使用类似于
href=“LanguageSwitcher/switchLang/spanish”
的方法。如果您停留在页面上并响应某个事件,我会说使用
onclick

如果您要导航到一个新的url,我建议使用
href


既然您要导航到一个新的url,我会按照
href=“LanguageSwitcher/switchLang/spanish”

的思路进行操作,您应该从区域标记调用javascript函数,并将php代码放入该函数定义中

并添加此函数的php代码


函数你的函数{
window.location.href='LanguageSwitcher/switchLang/spanish';
}

您应该从area标记调用javascript函数,并将php代码放入该函数定义中

并添加此函数的php代码


函数你的函数{
window.location.href='LanguageSwitcher/switchLang/spanish';
}

PHP
无关。我认为您可以跳过
onclick
事件中的
javascript:
。你的问题到底是什么?为什么不使用a href而不是javascript window.location?您只能在图像上使用javascript,因为它不是一个与
PHP
无关的自然链接(我个人会将它包装在一个链接中,而不是使用js)。我认为您可以跳过
onclick
事件中的
javascript:
。你的问题到底是什么?为什么不使用a href而不是javascript window.location?您只在图像上使用javascript,因为它不是一个自然链接(就我个人而言,我会将其包装在一个链接中,而不是使用js)
  <img style="width: 30px; cursor: pointer; padding-top: 15px; padding-bottom: 15px;" src="http://www.hemptrading.com/tienda3/asserts/img/spain.png" onclick="javascript:window.location.href='<?php echo base_url(); ?> LanguageSwitcher/switchLang/spanish';"/>