通过javascript在iframe中写入当前url

Write current url in an iframe by javascript

本文关键字：url javascript iframe 通过      更新时间：2024-03-10

我正在尝试使用javascript在一个框架中编写当前网站的url。但是我的方法不起作用。。。我想做的是将当前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

如果你能对它进行编码，对我来说会更好…

您可以使用文档通过Javascript获取当前URL。URL

var currentURL = document.URL;

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

示例

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/请记住，您需要在页面加载后，在window.onload内部获得iframe，类似

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

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

从长远来看，编写代码会更好。尝试一下，如果你很难理解事情，人们（包括我自己）会更愿意帮助你。

我们可以使用encodeURIComponent（location.href）。

位置。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')

为了更好地理解，请检查

将当前页面url添加到Iframe

encodeURIComponent 101

希望它能帮助

相关文章：