Question

http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js

$(".myBox").click(function(){

window.location=$(this).attr("http://google.com");

return false;
});

div width="200px" height="200px" class="myBox">ggg
div

Answer 1

这是一个工作示例

http://jsfiddle.net/axqCK/1/

$（函数（）{

   $(".myBox").click(function(){
       window.location="http://bing.com";
       return false;
   });

}）;

请注意，Google等某些网站不允许您在框架内加载。

Answer 2

假设您点击的div中有一个属性（我无法想到div元素的有效属性包含href值，但无论如何）：

<!-- the following is an invalid use of a `href` attribute, please never do this -->
<div class="myBox" href="http://google.com/">http://google.com/</div>

$(".myBox").click(function(){
    var newURL = $(this).attr('href'),
        newWindow = window.open(newURL, 'newWindowName');
    return false;
});

如果您使用的是自定义data-*属性（如果您这样做，则应该这样做）：

<div class="myBox" data-href="http://google.com/">http://google.com/</div>

$(".myBox").click(function(){
    var newURL = $(this).data('href'),
        newWindow = window.open(newURL, 'newWindowName');
    return false;
});

如果您使用div的文字：

<div class="myBox">http://google.com/</div>

$(".myBox").click(function(){
    var newURL = $(this).text().trim(),
        newWindow = window.open(newURL, 'newWindowName');
    return false;
});

您的代码无效的原因是这一行：

window.location = $(this).attr("http://google.com");

attr()是一个吸气者，或者是一个人; 获取属性的值：

window.location = $(this).attr('nameOfAttribute');

设置属性的值：

window.location = $(this).attr('nameOfAttribute', 'valueOfAttribute');

您在代码中尝试检索 http://google.com属性的值;不用说，不存在。

的引用：

我的div不是重定向

2 个答案: