Question

我已将页面分为两半，在顶层我有一个配置文件页面（myprofile.jsp），其中有一个按钮说明编辑配置文件，点击按钮我希望editprofile.jsp在下面的框架中打开。

<button type="button" class="btn btn-primary btn-block" onclick="I want to load that page in the below frame"><span class="fa fa-gear"></span> Request CLI </button>  
                        </div><!--/col-->
                    </div><!--/row-->
              </div><!--/panel-body-->
          </div><!--/panel-->



    </div>
  </div>
  <!-- Lower post panel -->
  <div class="col-md-14">

      <div class="panel panel-default">
            <div class="panel-body">
                    <div id="spinner" style="display:none" class="spinner">
  <img id="loading-image" src="img/spinner.gif" alt="Loading..." />
</div>
 <iframe name="result"  id="result" frameborder="0" class="resultframe" onload="removeLoad()"></iframe>

              </div><!--/panel-body-->
          </div><!--/panel-->



    </div>
  </div>

</div>

Answer 1

将以下代码放入您的页面：

<script type="text/javascript">
    function openEditProfile() {
        var frm = document.getElementById('result');
        frm.src = 'editprofile.jsp';
    }
</script>

然后将按钮的onclick设置为

onclick="openEditProfile()"

单击按钮在框架内打开页面

1 个答案: