Question

我不确定这是否可能。

我有以下代码;

<a href="javascript:foo();"><iframe src="http://www.domain.com/content.html" width="200" height="50"></iframe></a>

现在，我会假设它会超链接整个iFrame区域，但它只是超链接边框。

是否可以超链接整个iframe区域？

Answer 1

不，那是无效的。你甚至无法可靠地从包含iframe的元素中获取点击事件。

如，

<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
        <script type="text/javascript">         
            $(document).ready(function(){
                $('#bob').click(function(e){
                    alert('hi');
                });
            });
        </script>
    </head>
    <body>
        <div id="bob" style="padding:100px;background:red;"><iframe src="http://www.google.com"></iframe></div>
    </body>
</html>

请注意，如果您点击iframe，则不会触发警报 - 但如果您点击其他任何位置（红色），它就会触发。如果不是这样，就会有滥用......

Answer 2

“iframe超链接”究竟是什么意思？

您可以尝试为onclick使用iframe个事件，或者在div上方onclick和透明背景下放置iframe。另一种可能性是将a设置为display: block并将其置于iframe之上。

超链接iFrame？

2 个答案: