Rumah > hujung hadapan web > html tutorial > 【JS】测试:HTML页面引入另一个HTML页面,同名ID会冲突吗_html/css_WEB-ITnose

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

WBOY
Lepaskan: 2016-06-24 11:37:40
asal
1474 orang telah melayarinya

  今天被问到一个问题,就是当页面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>
Salin selepas log masuk


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>
Salin selepas log masuk

测试结果:


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

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


Author:致知

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

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

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan