1

マップをロードしたいのですが、wifi に接続されていると想定できる場合にのみマップをロードしたいと考えています。これを行う実際の方法がないため、ウィンドウの幅が 600 より大きい場合は、そうであると仮定します。iframe の読み込みは少し複雑ですが、画像を読み込むだけで作業を開始できます。これは機能しますが、そこに複雑なhtmlをたくさん押し込むと機能しないようです。とにかく、HTMLの途中にスクリプトを配置する必要があるかどうかはよくわかりません。

<script>
  if (document.documentElement.clientWidth > 600) {
    document.write("<h1>Hello</h1>");
  }
</script>

この記事が役立つと思ったのですが、少し頭がおかしいです。

誰かが私のためにいくつかのヒントや読書を持っていますか?

ありがとう。

編集：このフィドルをチェックしてください

多分私は永遠の.htmlファイルを持っていて、それを引っ張るべきですか...？

エスケープなどに問題があります-埋め込みコードに大量のクレイジーな文字がある場合など...

4

2 に答える 2

5

決して使用document.write()しないでください。使用するのは良い習慣ではありません。.innerHTML代わりに、javascript または.html()jQueryを使用できます。.append()jQueryには、.appendTo()同様.prepend()に、この種の作業を行う他のいくつかのメソッドがあります.prependTo():

jQuery:

$(function () {
   var width = $(window).width();
   if (width <= 600) {
      $('<p>lesser than 600</p>').appendTo('body');
   } else {
      $('<p>greater than 600</p>').appendTo('body');
   }
});

デモフィドル

CSS メディア クエリ:

また、css メディア クエリでもこの種のことを達成できます。

span {
   color:green;
   font-weight:bold;
}
.div600 {
   display:none
}
.divOther {
   display:block
}
@media all and (max-width:600px) { /****<-----This media query******/
   .div600 {
       display:block
   }
   .divOther {
       display:none
   }
}

デモ フィドル CSS メディア クエリ

于 2013-03-31T05:22:53.893 に答える
2

このようなものが欲しいですか...

 var width =  $(window).width(); //retrieve current window width

  if(width > 600){
      $("#articleID").html(Your_Html_Section_Which_you_want_to_put_in_article);
      //document.write("<h1>Hello</h1>");
  }
于 2013-03-31T04:46:20.217 に答える