如何使用带有自定义变量的Jquery将外部网页加载到iframe中？

Question

您可以使用JQuery将页面加载到iframe中吗？我有一个页面可以创建自定义的可打印pdf，需要将其加载到iframe中以使用户更容易。我使用jquery来拉入所有变量，否则我可以在页面中加载它。我不知道我在这个命令中缺少什么来加载id =＆＃34; print_form_modal2＆＃34;中的页面？

<div class="col-lg-3">
    <img src="lc04.jpeg"  alt="test">

Answer 1

你可以用无痛的方式去做，只需使用HTML：

1. 使用<a>为您的PDF制作href nchor。
2. 添加具有name属性的iframe（例如name="iframe1"）
3. 接下来，将target="iframe1"添加到<a>。

PLUNKER

Answer 2

它足够简单，只需使用JavaScript和HTML即可完成您的工作

HTML：     <iframe id="print_form_modal2" name="iFrame">

JavaScript的：

function openIframe() {
document.getElementById("print_form_modal2").setAttribute("src", "https://www.example.com/");

}

您可以在此处查看CodePen中的代码：http://codepen.io/anon/pen/VjbBbY

在您的代码中，您需要将https://www.example.com/替换为您希望显示的PDF的源路径，并在调用openIframe时更改以符合您的要求。

Answer 3

这是指向codepen example

的链接

您希望在文档就绪（或与您的逻辑相关的任何事件）上做什么，获取iframe并使用attr方法将其source属性更改为指向任何新/旧源。

像这样：

$(document).ready(function() {
  $('#iframe-container').attr('src','http://www.w3schools.com/tags/tag_iframe.asp');
});