Heim > Web-Frontend > HTML-Tutorial > 【JS】测试:HTML页面引入另一个HTML页面,同名ID会冲突吗_html/css_WEB-ITnose

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

WBOY
Freigeben: 2016-06-24 11:37:40
Original
1474 Leute haben es durchsucht

  今天被问到一个问题,就是当页面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>
Nach dem Login kopieren


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>
Nach dem Login kopieren

测试结果:


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

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


Author:致知

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

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

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage