[iframe__ 창] 브라우저 창 크기에 따라 iframe 크기 변경

2286 단어

브라우저 창 크기에 따라 iframe 크기 변경




    
    iframe


    
    <disable_script src="http://code.jquery.com/jquery-2.1.4.min.js"/>
    <disable_script type="text/javascript">
        window.onresize = function () { changeFrameHeight(); }

        $(function () {
            changeFrameHeight();
        });

        $(document).ready(function () {
            //var url = getCookie('pre_url');
            //if (url) {
            //    $("#mainiframe").attr('src', url);
            //} else {
            //    $("#mainiframe").attr('src', '');
            //}
        });

        function changeFrameHeight() {
            var ifm = document.getElementById("mainiframe");
            ifm.height = document.documentElement.clientHeight - 100;
            ifm.width = document.documentElement.clientWidth - 100;
            console.log("document.documentElement.clientWidth", document.documentElement.clientWidth);
            console.log("document.documentElement.clientHeight", document.documentElement.clientHeight);
        }

        function check() {
            pre_url = window.frames['mainiframe'].document.location.pathname;
            if (pre_url.indexOf("blank") == -1) {
                setCookie('pre_url', pre_url, 10);
            }
        }

        function getCookie(c_name) {
            if (document.cookie.length &gt; 0) {
                c_start = document.cookie.indexOf(c_name + "=")
                if (c_start != -1) {
                    c_start = c_start + c_name.length + 1
                    c_end = document.cookie.indexOf(";", c_start)
                    if (c_end == -1) c_end = document.cookie.length
                    return unescape(document.cookie.substring(c_start, c_end))
                }
            }
            return ""
        }

        function setCookie(c_name, value, expiredays) {
            var exdate = new Date()
            exdate.setDate(exdate.getDate() + expiredays)
            document.cookie = c_name + "=" + escape(value) +
                ((expiredays == null) ? "" : ";path=/;expires=" + exdate.toGMTString())
        }
    </disable_script>


</code></pre>

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

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

다양한 언어의 JSON

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

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

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

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

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