ボタンを押すと iframe 内のリンクを 1 つずつ開きます
P粉949848849
2023-09-03 15:44:43
<p>フッターで使用されるボタンに 3 つのリンクを含む配列があり、ボタンを何度も押すと、配列は 1 つずつ正常に動作します。 。そして押すたびにリンクボタンが表示されます。それはいいです。
しかし、ボタンをクリックすると、「リンク」が「iframe」で開くようにしたいのです</em>。 。 。 iframe コードを使用して src= button id を渡しましたが、機能しません。 。以下のコードを提供して助けてください。 。
。
配列</p>を使用したボタンコード
<pre class="brush:php;toolbar:false;"><!DOCTYPE html>
<html>
<頭>
<メタ名="ビューポート"コンテンツ="幅=デバイス幅、初期スケール=1""
<スタイル>
。フッター {
位置: 固定;
左: 0;
下: 0;
幅: 100%;
背景色: 赤;
色: 白;
テキスト整列: 中央;
}
</スタイル>
<スクリプト>
let link = new Array()
リンク[0] = "https://www. clc-英国。組織。英国/cms/cms。 jsp?menu_id=26131&postcode=AL3 8QE& distance=20"
リンク[1] = "https://www. clc-英国。組織。英国/cms/cms。 jsp?menu_id=26131&postcode=AL5 3NG& distance=20"
リンク[2] = "https://www. clc-英国。組織。英国/cms/cms。 jsp?menu_id=26131&postcode=AL4 3NS& distance=20"
intlinkIndex = 0 にします。
関数 writeLink() {
if (intlinkIndex >= link.length) {
btn = ドキュメントとします。 getElementById('btn');
ボタン。スタイル。表示 = 'なし';
マイリンク。スタイル。表示 = 'なし';
}
書類。 getElementById('mylink')。 innerHTML = '<a href="' link[intlinkIndex] '">' link[intlinkIndex] '</a>';
intlinkIndex;
}
</スクリプト>
</head>
<本体>
<div class="フッター">
<button id="btn" onclick="writeLink();">クリックしてください</button>
<div id="mylink"></div>
<br>
<iframe id="iframe" src="mylink" width="100%" height="400"></iframe>
</div>
</ボディ>
</html></pre></p>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
リンクの HTML を生成する際、
targetに iframe の名前を指定することで取得できます。したがって、次のように
リーリーname属性を iframe に追加します:次に、
リーリー リーリーtarget属性を追加します。完全なソースコード
リーリー