のdivタグにURLをロードする方法: に私のコードhttp://vnexpress.netコンテンツを:私はインラインフレーム私は<code><div id="content"></code> URLをロードする必要があり
答えて
を使用したくない
<html>
<head>
<script type="text/javascript">
$(document).ready(function(){
$("#content").attr("src","http://vnexpress.net");
})
</script>
</head>
<body>
<div id="content"></div>
</body>
</html>
をあなたは使用する必要がありますiframe
。
<html>
<head>
<script type="text/javascript">
$(document).ready(function(){
$("#content").attr("src","http://vnexpress.net");
})
</script>
</head>
<body>
<iframe id="content" src="about:blank"></iframe>
</body>
</html
私は使いたくないIfame – vinanghinguyen
次に、サーバー側を実行するプロキシを作成する必要があります。 – circusbred
load() functionを試してください。
$('#content').load("http://vnexpress.net");
ないこと、このために仕事に、ロードされるURLは、それを呼び出しているページと同じドメイン上にある必要がありますいずれか、またはサーバー上でcross-origin HTTP requests ("Cross-Origin Resource Sharing", short CORS)を有効にしてください。これは最も基本的な形式のsending an additional HTTP headerを含みます:
Access-Control-Allow-Origin:*
すべての要求を許可します。
$(document).ready(function() { $('#content').load('your_url_here'); });
<html>
<head>
<script type="text/javascript">
$(document).ready(function(){
$("#content").attr("src","http://vnexpress.net");
})
</script>
</head>
<body>
<iframe id="content"></div>
</body>
</html>
私は使用したくないIframe – vinanghinguyen
この回答は質問とは関係ありません。 –
使用していないのiframeは、もともとのために意図されていなかった、クロスドメインと予想外の方法を発射リンクで#documentのセキュリティ問題を扱うの世界にあなたを置く、あなたは本当に悪い広告は必要なのでしょうか?
jquery .loadファンクションを使用すると、別のドメインから取得しないと仮定して、ターゲットにする任意のhtml要素にページを送信できます。
あなたが別の のように...設定し、あなたが好きで要素を書き換えることができますが、あなたは1に2つの文書に対して書き込みをされるかもしれない別のファイルを追加する場合 javascriptの.innerHTML値を使用することができますiframeは古く、javascriptを使わずにHTMLだけに "src"を追加することもできます。しかし、それは古い、先史時代、そしてただの古いOLDです!フレームセットは、複数のhtmlファイルを扱うために#documentを置くことができるので、悪化します。古い方法で人々はナビゲーションメニューのLongを作成し、人々はFLIP電話を持っていました。
1.)はい、Iframeを使用したくない場合は、Javascriptで作業する必要があります。
2)あなたの周りに、サーバーのものを設定しなくても、お互いに等しくなるようにドメインを設定することが可能な優れたハックがあります。あなたは文書の編集能力を持たなければなりません。 IFRAMEそのものに限定されていて、DOM自体を通して何かをつかむしたい場合は、IFRAMEの上に行くことができないのjavascript window.document
3)。それは別のタブのように扱うので、別のドキュメントオブジェクトモデルでも定義します。
- 1. jQueryのワイルドカードは、私はこのURL</p> <p>HTTPを交換する必要があるURL
- 2. <div id="variable"></div>?
- 3. NG-バインドHTML私はこの</p> <pre><code><div id="{{item.id}}" ng-repeat="item in itemList"> <div ng-bind-html="item.html"></div> </div> </code></pre> <p>のような単純なプレゼンテーションがitem.htmlは、このようなHTMLが含まれている必要があり、画像のSRC
- 4. のは、私は、HTML</p> <p>で<code><div id="mydiv>>111</div></code>があるとしましょう
- 5. が <p></p>は、ツイートをキャッシュする必要があります...
- 6. <type1>「<typename>」「<インターフェイス名>」のインターフェースは「<membername>」を実装する必要があります
- 7. とValueError:numがある必要があり、1 <= NUM <= 2ではなく3
- 8. LINQ DataRowExtensions.Field <int>は<decimal>である必要がありますか?
- 9. 私は、次のdiv構造</p> <pre><code><div id="main_div"> <div id="lastChildDiv"></div> </div> </code></pre> <p>を持っているjqueryの
- 10. は、私は次のdiv要素に</p> <pre><code><div class="top"> <div class="inner1"></div> <div class="inner2"></div> <div class="inner3"></div> </div> </code></pre> <p>を持つdivのフィット残りの高さ
- 11. アンドロイド</strong>当社<strong>*私は</em>にswfファイル</strong> * <em>から<strong>コールを取得する必要があり
- 12. Firefoxが、私はそれが目に見えるテキストの内容です取得する必要があり、私はdivの</p> <pre><code><div id="test"><style type="text/css"><!-- comment --></style><span>text</span></div> </code></pre> <p>を以下しているスタイル要素
- 13. "位置:絶対":</p> <pre><code><html> <body> <div id="outer"><div id="inner"></div></div> </body> <html> </code></pre> <p>とそのCSS:CSS
- 14. C#ラムダ?</p> <p><code>public int ID;</code></p> <p><code>public MovingObject character;</code></p> <p>私は多分、行う必要があります。クラスのリストでプロパティ(文字)が1
- 15. 私は今、私はクラスが<code>testbox</code>ある玉葉押されたときには、div要素を削除する必要があることを、ボタンを持って、次のHTML</p> <pre><code><div class='rightbox'> <div class'testBox'> </div> </div> </code></pre> <p>を生成し、JavaScriptを持って見つけて、純粋なJavaScriptの
- 16. チェックdiv要素は、これは私のdiv</p> <pre><code><div id="car2" style="display:none;"></div> </code></pre> <p>ですその後、私はあなたがクリックしたときのdivを表示します[表示]ボタンを持っているjqueryの
- 17. いつオペレータ<<をオーバーロードする必要がありますか?
- 18. 私は<strong>ListAdapterA</strong>のonClickメソッドから<strong>DoneListAdapter</strong>にリスト項目を追加する必要があり、私はヌル
- 19. カピバラ:私は要素を検索する必要が</p> <p>:NOT
- 20. 何が必要 <p></p>がある
- 21. 私は角</p> <p>使用<code>next()</code>と<code>saveStep()</code>にフォームを送信する必要があるHTML
- 22. オペレータは<<取る必要があり、正確に一つの引数
- 23. アクセスルート要素は、私は私が私の中にdiv要素にアクセスすることができます知っている<code>this.refs.myId</code>にコードを反応させるコンポーネント</p> <pre><code>return <div ref="myId"></div>; </code></pre> <p>を反応させるコンポーネント
- 24. IEnumerableからIDを取得する必要があります<item>
- 25. C#XML要素私は特に例えば<code><EmpTypeHeader></code>で<code>EmpList</code>タグの数と<code><EID>.</code></p> <p>を取得する必要がありますXMLノードに
- 26. <title>要素は<head>要素にある必要がありますか?
- 27. JIBX "エラー:必要ありません<all>,<choice> ..."
- 28. $ HTTP_REFERER私はSSIで<code>caller</code>のparamを設定する必要があります$ DOCUMENT_URI
- 29. は、私は私のテーブル<code>new</code>にフィールド<code>photo</code>から<code>~\NewFolder1\</code>を削除する必要が
- 30. が私のWebページ</p> <pre><code><div id="clickable"> <a href="hello.com">Here!</a> </div> </code></pre> <p>に、私は次のセットアップを持っているHTMLアンカータグ
http://api.jquery.com/load/ –
vnexpress.netがあなたのドメインではないので、iframeを使用する必要があります – Esailija
"ブラウザのセキュリティ上の制約のため、ほとんどの" Ajax "リクエストは同じ起源要求が異なるドメイン、サブドメイン、またはプロトコルからデータを正常に取得できませんでした。 [リンク](http://api.jquery.com/load/) –