如何在弹出式 iframe window 中打开 link
How to open a link in a pop up iframe window
我有文本需要 link 到您单击它的位置,然后会弹出一个 iframe window,其中包含来自外部站点的内容。我发现代码,当我使用它时,文本上方会出现一个框,单击时内容会显示在框中。但是我需要它在单击 link 之前不显示任何内容。
<iframe name="book" src="https://www.timetrade.com/book/9PK2K"></iframe>
<a href='https://www.timetrade.com/book/9PK2K' target="book">Book Now!</a>
这是我用来尝试将其 link 弹出 iframe window 的代码,但它在文本上方显示了一个框。
您需要为此使用一些 javascript。
将显示设置为 'Block' 和 'None' 分别显示和隐藏的简单 onClick() 方法应该可以解决问题。
javascript会默认设置style.display="none",onClick会被写成设置style.display="block"或者一些非隐藏属性。
查看这个 http://www.w3schools.com/jsref/event_onclick.asp 的 onClick
和 http://www.w3schools.com/jsref/prop_style_display.asp 用于将 javascript 用于 show/hide DOM 对象。
祝你好运!
我有文本需要 link 到您单击它的位置,然后会弹出一个 iframe window,其中包含来自外部站点的内容。我发现代码,当我使用它时,文本上方会出现一个框,单击时内容会显示在框中。但是我需要它在单击 link 之前不显示任何内容。
<iframe name="book" src="https://www.timetrade.com/book/9PK2K"></iframe>
<a href='https://www.timetrade.com/book/9PK2K' target="book">Book Now!</a>
这是我用来尝试将其 link 弹出 iframe window 的代码,但它在文本上方显示了一个框。
您需要为此使用一些 javascript。
将显示设置为 'Block' 和 'None' 分别显示和隐藏的简单 onClick() 方法应该可以解决问题。
javascript会默认设置style.display="none",onClick会被写成设置style.display="block"或者一些非隐藏属性。
查看这个 http://www.w3schools.com/jsref/event_onclick.asp 的 onClick 和 http://www.w3schools.com/jsref/prop_style_display.asp 用于将 javascript 用于 show/hide DOM 对象。
祝你好运!