• jsp布局中关于<iframe>标签的使用


    iframe 元素会创建包括另外一个文档的内联框架(即行内框架)。

    注意:在 HTML 4.1 Strict DTD 和 XHTML 1.0 Strict DTD 中,不支持 iframe 元素。

    <div id="iframepage">
    <iframe src="/test/common.html" align="middle" id="iframepage"  width="100%" height="435" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"  ></iframe>
    </div>

    1.获取iframe的自适应大小,即:不适用height和width属性,而是用onload="SetWinHeight(this);IFrameReSizeWidth(this)"方法

    <script type="text/javascript">
    function SetWinHeight(obj) 
    { 
    	   var win=obj; 
    	   if (document.getElementById("iframepage")) 
    	   { 
    		   if (win && !window.opera) 
    		   { 
    			   if (win.contentDocument && win.contentDocument.body.offsetHeight) {
    				   win.height = win.contentDocument.body.offsetHeight + 25;
    				   } 
    			   else if(win.Document && win.Document.body.scrollHeight) {
    				   win.height = win.Document.body.scrollHeight + 25;
    			   } 
    			   
    		   } 
    	   } 
    } 
    
    function IFrameReSizeWidth(obj) {
    	   var win=obj; 
    	   if (document.getElementById("iframepage"))
    	   { 
    		   if (win && !window.opera) 
    		   { 
    			   if (win.contentDocument && win.contentDocument.body.offsetWidth) {
    				   win.width = win.contentDocument.body.offsetWidth;
    				   } else if(win.Document && win.Document.body.scrollWidth) {
    				   win.width = win.Document.body.scrollWidth;
    			   } 
    			   
    		   } 
    	}
    
    }
    </script>

    2.在iframe页面中用js操作父窗体的内容

    window.parent.document.getElementById('mulufirst').innerHTML=$(this).text();


    3.iframe中的链接在父窗体中不出现”画中画“,即怎样操作它的类似于target的属性:在location前加上window.top/parent/blank.....等,假设是单纯的<a>标签,直接设置target属性就可以。

    <a class="search_btn"   id="searchAnswer">搜索答案</a>

    <script>
    	$(function() {
    		var searchKey = $("#searchAsk");
    
    		$("#searchAnswer")
    				.click(
    						function() {
    							if (searchKey.val() == ""
    									|| searchKey.val() == "请输入你的问题?") {
    								window.top.location.href = "http://baidu.com";
    							} else {
    								var asktitle = escape(searchKey.val());
    								window.top.location.href = "http://hao123.com?key=121";
    							}
    
    						});
    		
    </script>

    假设须要设成_blank属性的话,不能直接用window.blank.location.href

    window.top.location.href = "http://baidu.com";
    window.open("http://baidu.com","_blank");



  • 相关阅读:
    人月神教α阶段冲刺报告(6/12)
    人月神教α阶段冲刺报告(5/12)
    人月神教-α阶段冲刺报告(4/12)
    人月神教-α阶段冲刺报告(3/12)
    结对作业2
    结对作业1
    软工实践作业1
    Matrix Power Series(POJ 3233)
    Blocks(POJ 3734)
    Traveling by Stagecoach(POJ 2686)
  • 原文地址:https://www.cnblogs.com/liguangsunls/p/6929277.html
Copyright © 2020-2023  润新知