在DIV中打开生成的URL

我有一个通过使用JavaScript函数组装表单输入来生成URL的脚本。通过表单提交按钮，URL可以预览为名为“预览”的DIV中的文本并在新窗口中打开。在DIV中打开生成的URL

一切正常，但是，我希望该提交按钮的window.open函数打开DIV中的网页。

我的按钮的代码在新窗口中打开网址是：

<input type="submit" onClick="window.open(document.getElementById('preview').innerHTML);" value="Open Launch URL in New Window" tabindex="10"/>

...其中预览是用户预览URL作为文本的DIV ID。

我试过使用多个onClick事件，但不起作用。

来源

2015-06-17 Dennis

所以像一个iframe？ https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe – austin

感谢您取回奥斯汀。像iFrame，是的，但内容将“最有可能”的高度和宽度不同，所以我需要调整网页的大小以适应DIV。我不认为你可以调整iFrame中的网页大小，只设置帧大小。 – Dennis

解决于：http://stackoverflow.com/questions/30852807/form-with-2-submit-buttons – Dennis

您可以使用<object>并将data属性设置为url。看起来像：

<div id="preview"> 
    <object id="previewWindow"> 
    </object> 
</div> 

<input type="submit" onClick="document.getElementById('previewWindow').data = document.getElementById('preview').innerHTML;" value="Open Launch URL in New Window" tabindex="10"/>

来源

2015-06-17 16:03:35

对不起，我迷失了这个解决方案。我了解div中的对象，但我的按钮目前有onClick函数将现有的“结果”发送到新窗口。那么JS会在我的按钮中替换onClick函数，还是我会创建一个新函数，然后onClick这个新函数？如果是，那么你对“.data = yourUrl”的引用是否会变成“.data = results”？ – Dennis

@Dennis只需将此行添加到您的'onClick'功能即可。查看我的更新，我收录了您的代码 –

小更新：我已将其恢复到我的预览工作位置，但打开div中的URL的按钮无效。为了保持我的原始预览功能正常工作，我做了一些返工，现在已经设置好了，所以开放URL设置现在可以模拟您的代码。不幸的是，按钮没有做任何我能够追踪的东西。为了看看你自己，这里有一个链接到我的原始项目：http://learning-templates.com/tincan-launcher.html这里是这个版本的链接：http://learning-templates.com/tincan- launcher_v2.html如果您只是在第一个字段中输入一个URL，您可以看到结果 – Dennis

在DIV中打开生成的URL

回答

相关问题