ホームページ  >  記事  >  ウェブフロントエンド  >  [JS] テスト: HTML ページが別の HTML ページを導入するとき、同じ名前の ID は競合しますか?_html/css_WEB-ITnose

[JS] テスト: HTML ページが別の HTML ページを導入するとき、同じ名前の ID は競合しますか?_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:37:401458ブラウズ

今日質問がありました。それは あるページの HTML ページが別の HTML ページを導入し、その 2 つのページがたまたま同じ ID を持っている場合、その ID を使用する必要があるときに競合またはエラーが発生しますか?いくつかのアクションを処理しますか?

iframe を使用して別の HTML ページを紹介しました。

まず資料を準備します: 1 つの HTML ページ (iframe タグを含む、test.html という名前を付けました) と、もう 1 つの HTML ページ (iframe ページの src ソースとして、このページに iframe.html という名前を付けました)。 2 つのページの内容は次のとおりです:

test.html:

<!DOCTYPE html><html><head><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"></head><body>    <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></body></html>


iframe.html:

<!DOCTYPE html><html><head><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"></head><body>    <p id="sameId">这是iframe内容页</p>    <p>这是iframe内容页哦</p>    <p>这是iframe内容页啊</p></body></html>

テスト結果:


結果が表示されます、iframeフレームページ内でもid="sameId"でマークされた段落のフォント色は赤になりませんので、別のHTMLページを導入しても、2つのページのIDが一致していれば競合することはありません同じ。

追記: これは、iframe メソッドを使用して別の Web ページを埋め込むテストです。他の方法はまだ試していません。


作者: Zhizhi

サイン: 道は長くて長い、私は上下に探します。

著作権声明: この記事はブロガーによるオリジナルの記事であり、ブロガーの許可なく複製することはできません。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。