当前位置:Gxlcms > html代码 > 【JS】测试:HTML页面引入另一个HTML页面,同名ID会冲突吗_html/css_WEB-ITnose

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

时间:2021-07-01 10:21:17 帮助过:73人阅读

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

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

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

test.html:

测试    

这是测试页

这是测试页哦

这是测试页啊



iframe.html:

iframe内容页    

这是iframe内容页

这是iframe内容页哦

这是iframe内容页啊


测试结果:


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

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


Author:致知

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

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

人气教程排行