从 href="' 获取内容并将其引入 iframe

Question

<a href="chat9867.php?user=Emma">Chat With Emma</a>这是访问我网站中的个人资料聊天页面的代码！编辑和删除此代码由于其安全原因而被锁定。

但我希望它在iframe内：-<iframe src="chat9867.php?user=Emma" width="100%" class="chat-iframe"></iframe>. 因此，用户将更容易与另一个人聊天。 由于它被锁定，我必须通过javascript手动完成。

那么如何创建一个从<a href="chat9867.php?user=Emma">...</a>"获取 URL 的iframe呢？

有没有办法使用 javascript/jquery 来做到这一点？

Answer 1

在这里，您可以使用解决方案 https://jsfiddle.net/Ls16u3ew/

$('body').append('<iframe width="100%" class="chat-iframe" src="' + $('a').prop('href') + '"></iframe>')

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="chat9867.php?user=Emma">Chat With Emma</a>

我动态创建了iframe(动态(并使用anchor标签href向其添加了src。

希望这对您有所帮助。

Answer 2

您可以使用普通 JS 或 jQuery 动态创建 iframe。

我将为 jQuery 显示。

jQuery('<iframe>')
.attr('src', jQuery('your_a_selector').attr('href'))
.attr('width', '100%')
.addClass('chat-iframe')
.appendTo('#elementWhereAppendIt');

#elementWhereAppendIt是将放置新 iframe 的选择器。

Answer 3

你可以使用jquery.attr()

。

$('.iframe').attr('src',$('.chatLink').attr('href'));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="chat9867.php?user=Emma" class="chatLink">Chat With Emma</a>
<iframe src="" class="iframe"></iframe>