Javascript 在div标记内打开URL

Javascript 在div标记内打开URL,javascript,html,Javascript,Html,我在一个表格单元格中有一个div标记,在另一个单元格中有一个hyperlink标记,在div标记中我想在mouseover上打开一个特定的url。该url指向我的pdf文件。请任何人告诉我如何通过Javascript或任何其他方法执行此操作如果你想在鼠标上方打开一个新页面,那么: //add onmouseover to your hyperlink <a href="#" onMouseOver="open_new_window(url);">Open Hover Window //t

我在一个表格单元格中有一个div标记,在另一个单元格中有一个hyperlink标记,在div标记中我想在mouseover上打开一个特定的url。该url指向我的pdf文件。请任何人告诉我如何通过Javascript或任何其他方法执行此操作

如果你想在鼠标上方打开一个新页面,那么:


//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");
}

//将onmouseover添加到您的超链接
打开悬停窗口
//然后js
函数打开新窗口(url){
打开(url,“某些名称”,“宽度=300,高度=200,左侧=10,顶部=10”);
}

你的意思是这样的吗

如果你想用鼠标打开一个新页面,那么:


//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");
}

//将onmouseover添加到您的超链接
打开悬停窗口
//然后js
函数打开新窗口(url){
打开(url,“某些名称”,“宽度=300,高度=200,左侧=10,顶部=10”);
}
你的意思是这样的吗

<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>

函数预览url(url,目标){
//使用超时,因为鼠标悬停会触发多次
clearTimeout(window.ht);
window.ht=setTimeout(函数(){
var div=document.getElementById(目标);
div.innerHTML='';
},20);      
}   
类似这样的内容:

<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>

函数预览url(url,目标){
//使用超时,因为鼠标悬停会触发多次
clearTimeout(window.ht);
window.ht=setTimeout(函数(){
var div=document.getElementById(目标);
div.innerHTML='';
},20);      
}   

你能把你的问题改写成完整的、合乎逻辑的句子吗?这很难理解。你能给出示例代码吗?很难理解你想在这里做什么。兄弟,我想在放置div的同一页面上打开div标签内的特定URL。请你重写你的问题,用完整的,合乎逻辑的句子?这很难理解。你能给出示例代码吗?很难理解你想在这里做什么。兄弟,我想在放置div的同一页面上打开div标签内的特定URL。看到这个链接没有我不知道这个我想在同一个页面上打开一个div标签不是在整个页面上没有我不知道这个我想在同一个页面上打开一个div标签不是在整个页面上的url兄弟expet google或google mail所有链接都在打开,但是为什么google不打开你知道任何原因吗?这是浏览器的安全限制excpet谷歌或谷歌邮件所有链接都在打开,但为什么谷歌不打开你知道任何原因吗?这是对浏览器的安全限制