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()它，这不是使用它的好习惯。相反，您可以使用.innerHTMLjavascript 或.html()jQuery。jQuery 还有其他几种方法可以完成此类工作，例如.append()，.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 回答