Javascript 单击图像时重定向

Javascript 单击图像时重定向,javascript,html,image,Javascript,Html,Image,我试图有一个重定向点击图像,但什么也没有发生。 谁能给我指路吗 <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');"/> 你可以这样做 <img src="img/facebook.png

我试图有一个重定向点击图像,但什么也没有发生。 谁能给我指路吗

 <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');"/>

你可以这样做

<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'"/>

对我来说,以下几点值得注意:

<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';" />
将属性指定给属性的方法是

window.location = "some url";
而不是

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

您还可以执行
window.location.href
而不是
window.location
,这似乎是您希望在代码中执行的操作。

如果您可以使用锚定标记包装图像,那么您只需执行以下操作即可

<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。 现在你有:

  • 或.css中包括

    .fbicon{边框:0px;边距:2px;填充:2px;宽度:26px;高度:20px;}
    

你在身体中的形象

<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>

$('.fbicon')(函数(){
//警报(“进入现场”);
窗口位置https://www.facebook.com/blah';
});
在DOM(文档对象模型)中,窗口对象表示浏览器中打开的窗口。它有一个“location”属性,您可以调用该属性并为其指定所需重定向URL的值,如下所示:

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

$('.fbicon')。单击(函数(){
窗口位置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>
带我去CNN.com
函数myFunction(){
location.href=”http://www.cnn.com";
}
查看这些URL以了解DOM元素属性和值:

虽然这段代码可能会解决这个问题,但它确实有助于提高文章的质量。请记住,您将在将来为读者回答这个问题,而这些人可能不知道您的代码建议的原因。我更新了代码,并提供了解释,供所有人理解,并将其链接到资源。如果OP已经在使用jQuery,那么对于一个简单的函数来说,这似乎有很多库
<button onclick="myFunction()">Take me to CNN.com</button>
<script>
function myFunction() {
    location.href = "http://www.cnn.com";
}
</script>