在div标签内打开URL

Question

我在表格单元格中有一个div标签,在另一个单元格中有一个超链接标签,我希望在div标签内的超链接上打开一个特定的网址.这个网址是我的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>