집 > 기사 > 웹 프론트엔드 > HTML5가 프레임셋을 지원하지 않는 이유에 대한 두 가지 솔루션

HTML5가 프레임셋을 지원하지 않는 이유에 대한 두 가지 솔루션

黄舟원래의: 2017-02-21 13:33:033708검색

해결 방법은 다음과 같습니다.

처음에는

iframe을 사용했지만 현재는 iframe을 사용하는 사람이 점점 줄어들고 있습니다. 다른 브라우저 간에는 호환되지 않습니다. 그리고 내 R&D 직원 중 일부는 iframe 창 간에 값을 전송하는 것이 번거로운 것 같다고 말했습니다.

두 번째 유형

은 jQuery의 onload 메소드를 사용하여 페이지를 로드합니다. 그러나 이 메소드는 여러 페이지로 이동한 후 브라우저 위의 뒤로 및 앞으로 버튼을 클릭합니다. 유효하지 않지만 뒤로 버튼을 추가하는 것을 고려해 볼 수 있습니다.

그래서 저는 개인적으로 이 방법을 더 선호합니다.

저는 주로 이렇게 씁니다

$("#main").load("mainIndex.html",function(){

 });

페이지의 경우 p+css를 사용하면 프레임 효과를 얻을 수 있습니다

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>p+css实现frameset效果</title>
<style type="text/css">
.header{border-bottom:1px solid #ccc;margin-bottom:5px;}
.MainContainer{min-width:960px;max-width:1600px;}
.sidebar{width:180px;float:left;margin-right:-180px;border-right:1px solid #ccc;min-height:500px;padding:5px;}
.main{float:left;margin-left:200px;padding:5px;}
.content{padding:0 10px;}
</style>
</head>
<body>
    <p class="page">
        <p class="header">
            <p id="title">
                <h1>顶部</h1>
            </p>
        </p>
        <p class="MainContainer">
            <p class="sidebar">
            边栏
            </p>
            <p  id="main" class="main">
                内容
            </p>           
        </p>
    </p>
</body>
</html>

요약

위는 프레임셋을 지원하지 않는 HTML5에 대한 두 가지 솔루션입니다. 자세한 내용은 주의하시기 바랍니다. 내용은 PHP 중국어 웹사이트(www.php.cn)를 참조하세요!

성명：

이전 기사：HTML5의 드래그 앤 드롭 이벤트(Drag and drop)에 대한 자세한 설명다음 기사：HTML5의 드래그 앤 드롭 이벤트(Drag and drop)에 대한 자세한 설명

HTML5가 프레임셋을 지원하지 않는 이유에 대한 두 가지 솔루션

관련 기사