ページ全体を次のページにロードする iframe を取得するにはどうすればよいですか?
私は N00b html コーダーで、疑問に思っていました
<center>
<a href="www.google.com">Home</a>
<hr>
それをiframeにロードしてクリックすると、iframe内にロードされます。ページ全体にロードしたい。
私の理解が正しければ、ページに iframe が必要ですが、iframe をクリックすると、iframe 内のページが新しいタブで開かれるようにする必要があります。これを行うために私がしたことは次のとおりです。
<!DOCTYPE html>
<html>
<head>
<style>
div.iframe-link {
position: relative;
float: left;
width: 730px;
height: 330px;
margin: 0 1em 1em 0;
}
a.iframe-link {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
</style>
</head>
<body>
<div class="iframe-link">
<iframe src="http://en.wikipedia.org" width="750" height="350">
Your browser does not support iframes.
</iframe>
<a href="http://en.wikipedia.org" target="_blank" class="iframe-link"></a>
</div>
</body>
</html>
この iframe では引き続きスクロールバーを使用できますが、そのページに移動しないと iframe で何もできません。div.iframe-link で幅と高さを変更して、iframe のハイパーリンク部分のサイズを変更します。私の例では、Google ではなくウィキペディアを使用しています。
:)
また、iframe リンクを新しいタブで開きたくない場合は、変更するだけです
<a href="http://en.wikipedia.org" target="_blank" class="iframe-link"></a>
に
<a href="http://en.wikipedia.org" target="_self" class="iframe-link"></a>
私の理解が正しければ、iframe 内のリンクをクリックして、ウィンドウ全体で開くことができるようにしたいですか?
その場合、次のように、リンクでターゲットを指定する必要があります。
<a href="www.google.com" target="_top">Home</a>
これにより、トップ フレーム (つまり、ウィンドウ) がリンクをたどることが保証されます。
これを試して。私にとってはうまくいきます
<iframe src="http://www.google.com"></iframe>