Question

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

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

那么如何创建iframe从<a href="chat9867.php?user=Emma">...</a>"获取网址？

有没有办法使用javascript / jquery？

Answer 1

您可以使用普通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 2

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

＆＃13;

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

＆＃13;

<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>

＆＃13;

我动态创建了iframe（动态）＆amp;使用src代码anchor向其添加了href。

希望这会对你有所帮助。

Answer 3

您可以使用jquery .attr()来实现此目的。

＆＃13;

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

＆＃13;

<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>

＆＃13;

从href =＆＃34;＆＃39;获取内容＆安培;将它带入iframe

3 个答案: