単純な答えは「いいえ、javascriptはローカルファイルシステムへのアクセスが明示的に禁止されているため、a.htmlがb.htmlの内容を同じフォルダにローカルに置いても読み込むことはできません。
しかし、もし両方がウェブサーバによって提供されているのであれば、あなたにはいつでもa.htmlを取得し、javascriptを使ってそれを解析し、ユーザに知らせずに、情報あなたはそれから必要です。
インビジブルなiframe HTML要素を使用して、下のやや不器用な例を見てください。基本的にページに配置して別のページを読み込んでからDOMツリーにアクセスできるコンテナです。 (XSS攻撃を防ぐために制限がありますが、両方a.htmlとb.htmlので、これらは、あなたの場合には適用されない、一つの同じドメインからです。)
a.html
<!doctype html>
<html>
<head>
......
</head>
<body>
...
<div id=aa>
Some interesting stuff...
</div>
...
</body>
</html>
ここ
<!doctype html>
<html>
<head>
......
</head>
<body>
...
<iframe src="a.html" onLoad="alert('The contents of div with id=aa from a.html is: ['+this.contentDocument.getElementById('aa').innerHTML+']');"></iframe>
...
</body>
</html>
b.html
、それは(あなたはを通して見えなくすることができ、CSSを言う)ページb.htmlの要素に文書全体のa.htmlをロードし、それがロードされていたら、それは抽出ネイスssary divはページa.htmlのDOMツリー(現在のb.htmlページのDOM内のiframeオブジェクトからアクセス可能)からアクセスし、innerHTMLプロパティを使用してアクセスできることを証明します。
ここで、ページb.htmlのiframeオブジェクトのcontentDocumentプロパティは、iframeに読み込んだページの通常の「ドキュメント」オブジェクトを指しています。ドキュメントルートを持つ
この例はもちろん、多くの点で不器用です.2つのページ(b.htmlとa.html)をブラウザに(a.htmlは表示されませんが)1つではなく読み込むことが重要ですほとんど効率的ではありません。
しかし、それはスタートだし、それがあれば十分な素朴な解決策になるかもしれない本当にシンプルなシナリオ)
出典
2017-04-02 21:59:22
Max
ためにあなただけのAJAXを使用してファイルを引っ張ることができ、ページ上のコンテナにコンテンツを平手打ち。 – CollinD