iframe使用

iframe是一个前端页面的内联框架(即行内框架),使用很方便,

<!--嵌套子页面-->
    <script type="text/x-template" id="subappbaseinfo-tmpl">
            <p class="base-title">
            <span>1</span>审批申请表 <i class="slide active"> </i>
            </p>
            <div class="base-main" style="display:none">
                <iframe id="frameid" name="framename" src="{{digitalurl}}"
                style="width: 1052px; height: 1000px;" frameborder="no"></iframe>
            </div>
    </script>

其中,src="{{digitalurl}}" 这个是配合了mustache模板使用的,这个src属性的值需要在js脚本中获取到想要的值赋值就可以,通常是一个页面的访问地址;

 

直接在html页面标签中引用:

<div class="formRow">
                        <iframe id="material" name="material" frameborder="0"
                            style="width: 100%;" scrolling="no"
                            onload="if(!this.height){this.height=this.contentWindow.document.documentElement.scrollHeight+4}"
                            src="MaterialPage.html?materialGuid=#{projectAction.project.rowguid}&amp;userGuid=#{projectAction.curUserGuid}">
                        </iframe>
                    </div>

其中,src属性值的一些页面地址的参数直接绑定的后台业务管理层action的一些成员变量值或其属性,是通过struts框架进行一些封装实现的;

 

posted @ 2019-03-18 15:07  wmqiang  阅读(226)  评论(0编辑  收藏  举报