Lors de la conception de pages Web, de nombreuses pages Web nécessitent le même modèle de bordure et la même barre de navigation. FrontPage nous fournit des bordures partagées pour faciliter la conception. Cependant, ce n'est pas très pratique. Après tout, le même contenu est ajouté à chaque page Web, ce qui est pratiquement le cas. augmente le nombre de pages Web. Bien sûr, pour les pages Web dynamiques, ce n'est pas un problème, mais que se passe-t-il si elles sont statiques ?
Lors de la conception de pages Web, de nombreuses pages Web nécessitent le même motif de bordure et la même barre de navigation que FrontPage nous fournit. des bordures pour faciliter la conception, mais cela est également gênant. Après tout, le même contenu est ajouté à chaque page Web et la page Web s'agrandit de manière invisible. Bien sûr, ce n'est pas un problème pour les pages Web dynamiques, mais que se passe-t-il si c'est le cas. statique ?
Comment cette lacune peut-elle être surmontée grâce au cadre ? Cela peut être réalisé, mais le cadre a causé un autre problème, c'est-à-dire que si vous ouvrez directement la page interne du cadre et enlevez le magnifique manteau, cela aura-t-il l'air très monotone ? ? Ici nous trouvons un bon moyen d'enlever le manteau. La page web enfile automatiquement la veste, y avez-vous pensé ? Si ce sujet ne vous intéresse pas, vous pouvez vous en aller, nous en discuterons en détail ci-dessous.
Dans les pages Web encadrées, le paramètre src est généralement utilisé pour spécifier l'adresse de la page Web dans le cadre. Ce que nous devons faire, lors de l'ouverture directe de cette adresse, la laisser détecter automatiquement puis mettre le manteau. ajoutez d'abord le code de détection à la page Web comme suit :
Ce qui suit est un fragment cité :
<script>
si(top.location==self.location)
{
top.location="index.htm?"+self.location;
}
</script>
C'est aussi simple que cela. Notez que index.htm est l'adresse de la page Web du manteau. La prochaine chose à faire est de savoir comment faire en sorte que la page Web du manteau ajoute automatiquement cette partie du contenu. , recherchez les paramètres, puis pointez le paramètre frame src sur Ce paramètre fera l'affaire, le code est le suivant :
Ce qui suit est un extrait de citation :
<script>
document.write('<iframe id="mid" name="mid" width="100%" height="100%" frameborder="0" scrolling="auto"')
var n=self.location.href.indexOf("?")//Vérifier s'il contient des paramètres
si (n>0) // des paramètres existent
{
//Pointez sur les paramètres
document.write(" src="+self.location.href.substr(n+1))
}
document.write('></iframe>')
</script>
Le framework iframe est utilisé ici. L'application spécifique peut être vue sur mon site Web ggg82.126.com.
Vous pouvez cliquer ici pour voir l'effet. Si vous ne comprenez pas quelque chose, vous pouvez également me contacter. Si vous avez de bons avis, n'hésitez pas à en discuter avec moi.