communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel HTML > 【JS】测试：HTML页面引入另一个HTML页面，同名ID会冲突吗_html/css_WEB-ITnose

【JS】测试：HTML页面引入另一个HTML页面，同名ID会冲突吗_html/css_WEB-ITnose

WBOY
Libérer： 2016-06-24 11:37:40
original
1474 Les gens l'ont consulté

  今天被问到一个问题，就是当页面HTML页面引入了另外一个HTML页面，恰好2个页面具有相同的ID，那么需要用ID来处理一些行为的时候会发生冲突或者报错吗？

  我用了iframe来引入另外一个HTML页面。

  先准备好材料：1个HTML页面（含iframe标签，我命名为test.html），再加一个HTML页面（作为iframe页面的src源，这个页面我命名为iframe.html）。两个页面的内容分别如下：

test.html:

<meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><title>测试</title><meta name="description" content=""><meta name="keywords" content=""><link href="" rel="stylesheet">    <p id="sameId">这是测试页</p>    <p>这是测试页哦</p>    <p>这是测试页啊</p>    <iframe src="iframe.html" width="400" height="400" scrolling="no"></iframe>    <script type="text/javascript">    window.onload=function(){    	var getId=document.getElementById('sameId');    	getId.style.color='red';    };    </script>
Copier après la connexion


iframe.html:

<meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><title>iframe内容页</title><meta name="description" content=""><meta name="keywords" content=""><link href="" rel="stylesheet">    <p id="sameId">这是iframe内容页</p>    <p>这是iframe内容页哦</p>    <p>这是iframe内容页啊</p>
Copier après la connexion

测试结果：


结果显示，iframe框架页面里同样被标记为id="sameId"的段落字体颜色并没有变成红色，所以即使引入了另一个html页面，两个页面的id相同也不会发生冲突。

PS：这只是使用iframe方法嵌入另一个网页的测试，其他的方法我还没有尝试哟。


Author:致知

Sign:路漫漫其修远兮，吾将上下而求索。

版权声明：本文为博主原创文章，未经博主允许不得转载。

Étiquettes associées：
【JS】测试：HTML页面引入另一个HTML页面，同名ID会冲突吗
source：php.cn
Article précédent：css能不能做到改变首个class="A"的div的样式_html/css_WEB-ITnose Article suivant：如何使用CSS3画出一个叮当猫_html/css_WEB-ITnose
Déclaration de ce site Web
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
Derniers articles par auteur
Derniers numéros
function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...
Depuis 2024-04-29 11:01:01
0
3
2044
Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?
Depuis 2024-04-23 00:22:19
0
11
2203
La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...
Depuis 2024-04-19 15:37:47
0
1
1861
Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...
Depuis 2024-04-18 23:52:34
0
1
1746
Où sont les didacticiels sur la cartographie mentale CSS ? Didacticiel
Depuis 2024-04-16 10:10:18
0
0
1768
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal