Modify iframe.src without entry to history object

你。 提交于 2019-12-03 15:00:37

don't change the src, just replace the old iframe with a new one?

<!doctype html>

<style>
iframe {
    width: 300px;
    height:300px;
}
</style>

<script>
var urls = ["http://bing.com", "http://google.com", "http://duckduckgo.com"];

function next() {
    if(urls.length==0) return;
    var original = document.getElementsByTagName("iframe")[0];
    var newFrame = document.createElement("iframe");
    newFrame.src = urls.pop();
    var parent = original.parentNode;
    parent.replaceChild(newFrame, original);
}
</script>

<p>let's test some iframes</p>
<button onclick="next()">next</button>
<iframe />

No history states. Same functionality. Everyone wins.

You can do something like this:

var iframe = $('#iframe')[0];  
iframe.contentWindow.location.replace(newUrl);
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!