Javascript 仅从<;加载链接;iframe>;当鼠标悬停在

Javascript 仅从<;加载链接;iframe>;当鼠标悬停在,javascript,html,iframe,Javascript,Html,Iframe,我将以下代码用于在index.html中附加的模板。问题是我有数千个,它们被附加在一个循环中。我有一种感觉,当我附加所有这些内容时,它会在实际悬停在链接上之前加载所有。这显然不是一个可用的解决方案,因为加载页面需要几个小时甚至几天。当我尝试时,我不得不杀死这个网站。有没有办法将设置为只在将鼠标悬停在页面上时加载页面 template += " <td>"; template += "<a target='_blank' href="+entry['insta_url']+" s

我将以下代码用于在index.html中附加的模板。问题是我有数千个
,它们被附加在一个循环中。我有一种感觉,当我附加所有这些内容时,它会在实际悬停在链接上之前加载所有
。这显然不是一个可用的解决方案,因为加载页面需要几个小时甚至几天。当我尝试时,我不得不杀死这个网站。有没有办法将
设置为只在将鼠标悬停在页面上时加载页面

template += " <td>";
template += "<a target='_blank' href="+entry['insta_url']+" style='display:block;'>";
template += entry['id'];
template += "</a>";
template += "<div class='box'><iframe src='http://en.wikipedia.org/' width = '500px' height = '500px'></iframe></div>";
template += "</td>";
template+=”;
模板+=“”;
模板+=“”;
模板+=“”;
您可以省略
src
属性,然后通过JavaScript捕获
mouseover
事件,并在事件触发时设置
src

您可以省略
src
属性,然后通过JavaScript捕获
mouseover
事件,并在事件触发时设置
src

在我使用的示例中。但我只是举个例子。每个都有一个唯一的url。我不知道如何得到它,除非我能从“”中抓住它;通过鼠标悬停事件。条目['insta_url]就是链接。但我只是举个例子。每个都有一个唯一的url。我不知道如何得到它,除非我能从“”中抓住它;通过鼠标悬停事件。条目['insta_url]是链接。