将视图源设置为“iFrame - source：{URL}”不起作用

Question

我正在尝试使用以下代码将iframe的src设置为"view-source：{URL}“：

var url = document.getElementById('url');
var submit = document.getElementById('submit');
var target = document.getElementById('target');
submit.onclick = function(){
    window.frames['target'].location.href = "view-source:" + url.value; 
};

但它似乎将iframe的src设置为与我的网站相关。我猜是因为"view-source: x“只有在使用"location.href”实现时才有效吧？

真的是这样吗？

顺便说一下，我正在使用JS！

Html：

<input type="text" id="url"></input>
<button id="submit">Submit</button>

<iframe id="target" src=""></iframe>

Answer 1

这是非常有趣的。

对已经存在的窗口中的“视图源”URL必须有某种限制，因为通过window.open works打开一个新窗口，但是使用“视图源”URL doesn't work打开一个现有窗口(这恰好是一个iframe)，并在已经存在的顶层窗口中打开该URL(使用不同的URL尝试最后一个示例两次，它只会在第一次工作)。

最好将view-source视为浏览器的黑魔法巫术，而不是常规的URI方案。

顺便说一句，所有这些都是在Chrome上测试的。对于支持“view-source”的其他浏览器，规则可能会有所不同。