javascript - 如何使用 jquery 动态创建 iframe HTML

Question

我正在尝试开发一个 jquery 脚本，当您将鼠标悬停在表 td 上时，它将打开一个包含网页的 iframe。我的基础是 How to show live preview in a small popup of linked page on mouse over on link? ，等等页面加载我想将表格中的所有url转成格式:

<a href="URL"></a><div class="box"><iframe src="URL" width = "500px" height = "500px"></iframe></div>

但是我不知道如何用 jquery 构建这个 html。有人可以帮助我吗？

Answer 1

在 dom 准备好后，迭代表中的每个 anchor ，并使用 insertAfter 和 html 字符串

$(function(){
 $("table a").each(function(){
  $('<div class="box"><iframe src="' + this.href + '" width = "500px" height = "500px"></iframe></div>').insertAfter(this);
 });
});

但是，这可能并不理想，并且在某些情况下没有真正的方法来实现您正在寻找的目标。许多网站都会阻止此类跨域请求，并且对于这些网站，iframe 预览将不起作用(例如 Stack Overflow)。对于这种情况没有解决方法。