javascript - 报告未显示在 IFrame 中

Question

下面的代码用于在 IFrame 中显示报告

HTML

<div id="dialogGenerateGL">
<div>
    <iframe id="frmGLs" style="width: 800px; height: 600px; border: 2px solid black; margin: 10px auto;">
    </iframe>
</div>

JS

$("#Button").click(function(){
 var url = url;
 $("#dialogGenerateGL").dialog("open");
 $("#frmGLs").attr('src', url);
});


$("#dialogGenerateGL").dialog({
    autoOpen: false,
    height: 'auto',
    width: 'auto',
    modal: true
 });

当我单击按钮时，仅显示对话框。

Answer 1

您需要定义var url = 'http://domain.com/path/to/the/report.html'它现在可以工作，请参阅代码片段。

片段

$("#btn1").click(function() {
  var url = 'http://example.com/';
  $("#dialogGenerateGL").dialog("open");
  $("#frmGLs").attr('src', url);
});


$("#dialogGenerateGL").dialog({
  autoOpen: false,
  height: 'auto',
  width: 'auto',
  modal: true
});

<link href='https://cdn.jsdelivr.net/jquery.ui/1.11.4/jquery-ui.min.css' rel='stylesheet'>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

<button id='btn1'>Dialog</button>
<div id="dialogGenerateGL">
  <div>
    <iframe id="frmGLs" style="width: 800px; height: 600px; border: 2px solid black; margin: 10px auto;">
    </iframe>
  </div>