javascript - サード パーティの Web サイトまたは Web サイトへのリンクを配置して、自分の Web ページのフレームで開くにはどうすればよいですか?

Question

Web サイトを構築していて、自分の Web ページのフレームにサード パーティの Web サイト ページを開きたいのですが、何を使用すればよいですか? ジャバスクリプト？その場合、どのように書きますか？私は非常に新しく、自分が何をしているのかわかりません。

Answer 1

動的 URL を使用している場合は、javascript を使用できます。それ以外の場合は、iframeが必要になります。

<iframe src="http://www.stackoverflow.com" />

Answer 2

リンクをクリックして iframe に Web サイトを表示する場合は、次のようになります。

<a href="http://site.com/" target="iframe">site.com</a>
<iframe name="iframe"></iframe>

Answer 3

ユーザーがリンクをクリックしたときに、そのリンクが特定のフレームで開くようにしたい場合は、そのフレーム/iframe に ID を与える必要があります。次に、その ID をアンカーのターゲット属性として指定できます。

あなたのフレームがこのように見えるとしましょう

<frame src="somepage.html" id="myFrame">

これで、次のようにそのフレームでページを開くことができます。

<a href="http://www.google.com" target="myFrame">Some link</a>

それを達成するためにプレーンな HTML 以外を使用する必要はありません。

Answer 4

http://fancybox.net/を使用
します。見栄えの良い iFrame オーバーレイを生成する軽量の jQuery スクリプトです。写真やその他のオーバーレイにも使用できます。

jQuery と Fancybox と FancyBox CSS を含めます。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" href="/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />

次に、リンクを追加します。

<a id="iframe" href="http://www.example.com/">This goes to iframe</a>

jQuery を使用して FancyBox を初期化します。

$(document).ready(function() {
    /* This is basic - uses default settings */
    $("a#iframe").fancybox();
});