layui tab 컨트롤 에서 외부 html 페이지 불 러 오기

현재 외부 홈 페이지 에 잠입 하 는 방식 은 주로 3 가지 가 있다.

iframe 방식

< p > ajax 방식 < / p > < div id = "externalHtml & quot;" / > < p > ajax 에 데 이 터 를 불 러 온 후 externalHtml. innerHTML 을 직접 부여 하면 됩 니 다. < / p >

< p > script 스 크 립 트 방식 < / p > < div > < script src = "xxx. js" type = "text / javascript" / > < / div >

< p > 첫 번 째 방식 의 예시: < / p >

@{
    Layout = null;
}





    
    Tab
    


    
        
                
                
        
        
            
                
            </div>
            <div class="layui-tab-item">
                <iframe scrolling="no" id="main2" name="main" frameborder="0" src="/Admin/AwardStat/" style="width:100%;"/>
            </div>
        </div>
    </div>



<disable_script src="~/layui/layui.js"/>
<disable_script src="~/lib/jquery/dist/jquery.min.js"/>
<disable_script>
    layui.use('element', function () {
        var $ = layui.jquery
            , element = layui.element; //Tab     ，       ，    element  
    });


    //          ，iframe      
    function calcPageHeight(doc) {
        var cHeight = Math.max(doc.body.clientHeight, doc.documentElement.clientHeight);
        var sHeight = Math.max(doc.body.scrollHeight, doc.documentElement.scrollHeight);
        var height = Math.max(cHeight, sHeight);
        return height;
    }


    function iframeInit(id) {
        //  ID  iframe  
        var ifr = document.getElementById(id);
        ifr.onload = function () {
            //                           
            ifr.style.height = '0px';
            var iDoc = ifr.contentDocument || ifr.document;
            var height = calcPageHeight(iDoc);
            if (height &lt; 850) {
                height = 850;
            }
            ifr.style.height = height + 'px';
        };
    }


    $(function () {
        iframeInit('main2');
        iframeInit('main1');
    });

</disable_script>
</code></pre>  <br></div> <br><p>　　</p> <br></div> <br></li> </ol></div> <br></div><br></div><br></div><br></div><br><! - PC 와 WAP 자체 적응 버 전 -- ><br><disable_script type="text/javascript" src="/views/front/js/chanyan.js"/><br><! - 문장 페이지 - 하단 동적 광고 위치 -- > </li>

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

다양한 언어의 JSON

JSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다