Maison > Article > interface Web > Deux solutions pour expliquer pourquoi HTML5 ne prend pas en charge le jeu de cadres

Deux solutions pour expliquer pourquoi HTML5 ne prend pas en charge le jeu de cadres

黄舟original: 2017-02-21 13:33:033760parcourir

La solution est la suivante :

Les premiers

utilisent l'iframe, mais actuellement de moins en moins de personnes utilisent l'iframe. De plus, les iframes. sont incompatibles entre les différents navigateurs. Et certains de mes collaborateurs R&D ont déclaré que le transfert de valeurs entre fenêtres iframe semblait problématique.

Le deuxième type

utilise la méthode onload de jQuery pour charger la page. Cependant, une fois que cette méthode passe à plusieurs pages, il suffit de cliquer sur le bouton Précédent et Suivant au-dessus du navigateur. invalid , mais vous pouvez penser à ajouter un bouton de retour.

Je préfère donc personnellement cette méthode.

J'écris habituellement comme ça

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

 });

Pour les pages, p css peut obtenir l'effet de cadre

<!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>

Résumé

Voici les deux solutions au problème que HTML5 ne prend pas en charge frameset. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php.cn) !

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Explication détaillée des événements glisser-déposer (Drag and drop) en HTML5Article suivant：Explication détaillée des événements glisser-déposer (Drag and drop) en HTML5

Articles Liés

Voir plus