在 DIV 中打开生成的 URL

Open generated URL in DIV

本文关键字：URL DIV      更新时间：2023-09-26

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

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

在新窗口中打开 URL 的按钮代码是：

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

。其中预览是用户以文本形式预览 URL 的 DIV ID。

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

可以使用将

data 属性设置为 url 的<object>。看来：

<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"/>
相关文章：