実装例作成のため、本ページは以下2つのページで利用しています。
- fetch API & DOMparser
-
Hello World
上記テキストデータ【Hello World】を
fetch API
で取得し、さらにDOMParserでDOM形式に変換して以下ページで表示させます。【JS】初心者ガイド:fetch API & DOMparser JavaScriptの「fetch API」を使うことで、Webサイトやアプリからデータを取得したり、サーバーにデータを送信したりすることができます。本記事では、「fetch API」の簡…- iframe
<iframe>タグを使ってこのページを別ページ(下記)で表示。
その際、別ページの<iframe>要素の高さは本ページの高さに合わせて表示させる。【JS】<iframe>の高さを引用先ページの高さに自動調節(同一ドメイン) <iframe>タグを用いると、一つのWebページに別のHTMLページを埋め込むことができます。他のサイトはもちろん、Youtube動画やGoogleマップなどを表示することもで…