javascript - 在 div 标签内打开 URL

Question

我在一个表格单元格中有一个 div 标签，在另一个单元格中有一个超链接标签，我想在 div 标签内的超链接上打开一个特定的 url onmouseover。该 url 是我的 pdf 文件。请有人告诉我怎么能我通过 Javascript 或任何其他方法来完成此操作

Answer 1

像这样:

<table>
<tr>
<td>
    <a href="/pdfs/test1.pdf" onmouseover="previewUrl(this.href,'div1')">google</a>
</td>
<td>
    <div id="div1" style="width:400px;height:200px;border:1px solid #ddd;"></div>
</td>
</tr>
</table>

<script>
    function previewUrl(url,target){
        //use timeout coz mousehover fires several times
        clearTimeout(window.ht);
        window.ht = setTimeout(function(){
            var div = document.getElementById(target);
            div.innerHTML = '<iframe style="width:100%;height:100%;" frameborder="0" src="' + url + '" />';
        },20);      
    }   
</script>