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

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()"