Question

我正在尝试点击图片进行重定向，但没有任何反应。任何人都可以指导我。

 <img src="img/facebook.png" style="border:0px;margin:2px;padding:2px;left;width:26px; height:20px;" onclick="window.location.href('https://www.facebook.com/pages/Gr81');"/>

Answer 1

你可以这样做

<img src="img/facebook.png" style="border:0px;margin:2px;padding:2px;left;width:26px; height:20px;" onclick="window.location='https://www.facebook.com/pages/Gr81'"/>

Answer 2

对我而言，以下问题：

<img src="img/facebook.png" style="border:0px;margin:2px;padding:2px;left;width:26px; height:20px;" onclick="javascript:window.location='https://www.facebook.com/pages/Gr81';" />

我在onclick中添加了什么

onclick="window.location='https://www.facebook.com/pages/Gr81';"

将DOMString分配给window.location属性的方法是

window.location = "some url";

而不是

window.location('some url'); //incorrect

你也可以window.location.href代替window.location，这似乎就是你想在代码中做的事情。

Answer 3

如果您可以使用锚标记包裹图像，那么您只需执行

<a href="https://www.facebook.com/blah">
<img src="img/facebook.png" style="border:0px;margin:2px;padding:2px;left;width:26px; height:20px;" />
</a>

或者更简洁的方法是使用类名和jquery。

现在你有：

在<head>或.css包含

<style>.fbicon{border:0px;margin:2px;padding:2px;width:26px;height:20px;}</style> </head>

你体内的形象

<img src="img/facebook.png" class="fbicon"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<script>
$('.fbicon')(function() {
  //alert( "go to site" );
  window.location='https://www.facebook.com/blah';
});
</script>
</body>

Answer 4

在DOM（文档对象模型）中，WINDOW对象表示浏览器中的打开窗口。它有一个“位置”属性，您可以调用它并为其提供所需重定向URL的值，如下所示：

<script>
    $('.fbicon').click(function() {
       window.location='https://www.facebook.com/blah';
    });

另一个没有JQUERY的例子：

<button onclick="myFunction()">Take me to CNN.com</button>
<script>
function myFunction() {
    location.href = "http://www.cnn.com";
}
</script>

请参阅以下网址了解DOM元素属性和值： https://www.w3schools.com/jsref/prop_loc_href.asp https://www.w3schools.com/jsref/obj_location.asp

单击图像时重定向

4 个答案:

或者更简洁的方法是使用类名和jquery。