通过 javascript 在 iframe 中写入当前 url答案

【问题标题】：Write current url in an iframe by javascript通过 javascript 在 iframe 中写入当前 url
【发布时间】：2012-07-27 12:17:50
【问题描述】：

我正在尝试使用 javascript 在框架中编写当前网站 url。 Butt我的方法不起作用......我想做的是将当前的url路径写入此代码而不是“CURRENT+WEBSITE+URL+HERE”文本。

我当前的 iframe 代码：

<iframe allowtransparency='true' frameborder='0' height='600px' id='web search' marginheight='0' marginwidth='0' scrolling='no' src='http://mysite.com/display?sid=1770469&title_color=0000FF&text_color=000000&background_color=FFFFFF&border_color=FFFFFF&url_color=000000&url=CURRENT+WEBSITE+URL+HERE&b=4' title='Find It' width='160px'></iframe>

在 iframe url src 中，您将获得“CURRENT+WEBSITE+URL+HERE”文本，我想在其中放置当前 URL，因此假设该站点的路径是“http ://mysite.com/go/went/gone.html" ，iframe 会显示这个 url：http://mysite.com/display?sid=1770469&title_color=0000FF&text_color=000000&background_color=FFFFFF&border_color=FFFFFF&url_color=000000&url=http://mysite.com/go/went/gone.html&b=4' title='Find It' width='160px

如果你能编写代码对我来说会更好......

【问题讨论】：

如果你把它编码给我，对我来说会更好......谢谢你不是真的想说这个，这意味着你没有意图学习本网站的用途。你想学好吗？
向我们展示生成 iframe 的代码！
哎呀... :) “很高兴知道这一点”@Esailija
@Bergi iframe 是静态的，所以它可以在 HTML 页面中使用...
如果你想在那里动态添加当前的网站网址，它不能是静态的。

标签： javascript iframe

【解决方案1】：

您可以使用 Javascript 使用 document.URL 获取当前 URL

var currentURL = document.URL;

然后您可以通过访问 iframe 的 src 属性来访问或修改 iframe 的源代码。

例子

var myFrame = document.getElementById('web search');
myFrame.src = 'some code ' + currentURL + 'some other code';

理论上，这会将 iframe 的源更改为

some code http://stackoverflow.com/questions/11687605/write-current-url-in-an-iframe-by-javascript some other code

这里有一个简单的 JSFiddle 来帮助你：http://jsfiddle.net/BBog/xSCpH/ 请记住，您需要在页面加载后获取 iframe，在 window.onload 内，类似于

window.onload = function() {
    //some code
    ....
    var myFrame = document.getElementById('web search');
}

这不是一件很困难的事情，你需要自己尝试去做。 StackOverflow 的目的是帮助您学习，而不是让其他人解决您的问题。

从长远来看，您编写代码会好得多。试一试，如果您难以理解事物，人们（包括我自己）会更愿意帮助您。

【讨论】：

好吧BBog。无需光顾。 SO 最大的优点是那些简单的复制粘贴示例，可以节省大量时间和快速学习。事实上，没有示例代码的答案应该从 SO 中删除，因为它们需要很长时间才能理解。

【解决方案2】：

我们可以使用encodeURIComponent(location.href)。

location.href 给出当前位置

encodeURIComponent()：将对 URL 参数进行编码。

例子

    $('<iframe scrolling="no" frameborder="0" style="width: 300px; height: 80px;'+
        '" src="http://www.facebook.com/widgets/like.php?href='+
            encodeURIComponent(location.href)+
        '"></iframe>').appendTo('#like-button')

为了更好的理解，请检查

Add Current page url to Iframe

encodeURIComponent 101

希望对某人有所帮助

【讨论】：