Question

我正在创建一个Wordpress网站，我需要在其内部的iframe中加载页面。
它就像初始电影！我的问题是页面的网址是动态的。

实际上我需要一个在特定div中附加iframe的脚本...我已尝试使用这行代码，但它不起作用：

jQuery(".reloaddivxxx").append(" <iframe src=\"(window.location.href)\"></iframe> ");

我不确定它是否清楚我需要做什么...... 我需要创建一个iframe来加载放置的页面并动态获取该页面的URL。

Answer 1

在获取当前页面的网址后，您可以使用JavaScript设置iframe的网址。

var url = window.location.href;
var iframe = window.frames[0];
iframe.location = url;

编辑1：

如果您还要动态插入iframe，则必须在插入iframe后或之前获取对iframe的引用。以下是后者的一个例子：

var url = window.location.href;

// Create the iframe using jquery, and set the url of it.
var iframe = $("<iframe>");
iframe[0].src = url;

// Insert the iframe into the div.
jQuery(".reloaddivxxx").append(iframe);

Answer 2

试试这个

var iframe = document.createElement('iframe');
iframe.style.width = '100px';
iframe.style.height = '100px';
iframe.src = window.location.href;

document.getElementsByClassName('reloaddivxxx')[0].appendChild(iframe);

javascript - 创建一个iframe，用于加载放置的相同页面 - IframeLoop

2 个答案: