Question

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

Answer 2

如果您的意思是想要在鼠标悬停时打开新页面，那么：


//add onmouseover to your hyperlink
<a href="#" onMouseOver="open_new_window(url);">Open Hover Window
//then js
function open_new_window(url) {
  window.open(url,"some_name","width=300,height=200,left=10,top=10");
}

你的意思是什么

在div标签内打开URL

2 个答案: