4

我有几个 Swiffy (HTML5 SWF) 动画，我只想根据用户的屏幕尺寸加载它们！

iv 在下面找到了一些 JavaScript，它说如果 screnn 大于 1400 它将加载但它不起作用！

<script language=javascript>
if(screen.Width>1400)
{
    document.write("<?php include('/map/map4.php');?>");
}
else
{
    document.write("<?php include('/map/map1.php');?>");
}
</script>

任何人都知道用上述或其他方式做到这一点？

谢谢

4

4 回答 4

5

改变这个：

if(screen.Width>1400)

至：

if (screen.width > 1400)

width对象的属性screen应该是小写的。

还要注意，当 JavaScript 执行时 ServerSide 处理结束，你document.write的 s 只输出文本而不是可执行的 php 代码，你可以改用loadjQuery 的方法。

从服务器加载数据并将返回的 HTML 放入匹配的元素中。

if (screen.width > 1400) {
     $('#wrapper').load('/map/map4.php');
} else {
     $('#wrapper').load('/map/map1.php');
}
于 2012-08-15T09:10:08.500 回答
0

这些 php 文件的内容将被注入到 JavaScript 文字中，并且可能会破坏文字。从浏览器查看时，您能否发布生成的 html。

可能您想要做的是将两个 php 文件放入单独的 div 中的代码中，然后使用 CSS 隐藏或显示相关文件。

如果你这样做，你可以使用@media css 查询来显示/隐藏基于窗口大小的部分，这将随着用户调整浏览器大小而动态调整。

于 2012-08-15T09:10:54.310 回答
0

如果您只有 SWF 对象，您可以通过DOM 操作将它们添加到文档中

如果你想有一个更复杂的方法来检查用户屏幕有一个库jRespond，如果用户调整浏览器大小，它将轮询浏览器大小和更新

于 2012-08-15T09:20:59.220 回答
0

我面临同样的困境，所以我使用了这个解决方法，我希望它有所帮助。

<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>435</title>
<script>  if( document.cookie.indexOf("resolucion5") < 0) {
//alert("Cargando resolucion.");


if (screen.width > 1199){ document.cookie = "resolucion5=desktop; max-age=" + 5; }
if ((screen.width > 768)&&(screen.width < 1200)){ document.cookie = "resolucion5=tablet; max-age=" + 5; }
if ((screen.width > 380)&&(screen.width < 780)){ document.cookie = "resolucion5=cel; max-age=" + 5; }
if (screen.width < 381){ document.cookie = "resolucion5=mini; max-age=" + 5; 
}

location.reload();
}</script>


<? if ($_COOKIE["resolucion5"]=="desktop"){$resolucion="";}
elseif ($_COOKIE["resolucion5"]=="tablet"){$resolucion="med";}
elseif ($_COOKIE["resolucion5"]=="cel"){$resolucion="med";}
elseif ($_COOKIE["resolucion5"]=="mini"){$resolucion="mini";} ?>


<link href="style<? echo $resolucion; ?>.php" rel="stylesheet">
 <script src="somescript<? echo $resolucion; ?>.js" type="text/javascript"></script>

</head>

<body>
<? require("menu".$resolucion.".php"); ?><br>
<img src="welcome<? echo $resolucion; ?>.jpg">
</body>
</html>
于 2017-10-14T16:42:49.897 回答