在检测窗口宽度后显示HTML和PHP代码
show html and php code inside javascript after detection width of window
我想为我的用户编写一些这种类型的代码如果宽度小于1000我将显示移动设计否则显示桌面设计但不能在Javascript中运行HTML和PHP if else loop
<script type="text/javascript">
if ($(window).width() > 1000) {
<html>
<head></head>
<body>
<?php echo $a ; ?>
</body>
</html>
} else {
<html>
<head></head>
<body>
<?php echo $b ; ?>
</body>
</html>
}
</script>
如果你想应用一些取决于浏览器大小的css,你需要使用媒体查询。
你的脚本将无法工作,因为你混合了客户端和服务器端代码,如果你仍然想使用javascript,然后检查下面的代码
if (window.innerWidth > 500) {
alert('above 500');
} else {
alert('below or equal to 500');
}
一些你可能想要阅读的链接:
- https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries
- http://getbootstrap.com/2.3.2/scaffolding.html
注意:如果你想执行PHP代码依赖于浏览器的宽度,你需要做AJAX调用。
相关文章:
- AppendChild Form / Table [Javascript/Html/PHP]
- 我怎样才能为一个简短的项目托管 HTML/PHP/MySQL
- 如何在不包含导航选项卡内容、页脚和头部的情况下打印 HTML/PHP 页面
- 如何从不同的html.php文件中记录.getElementById().inerHTML
- 禁用在特定页面上执行Javascript(HTML/PHP)
- JS:最后一个输入元素的名称(HTML/PHP)
- 使用html/php编辑动态创建的结果集
- 创建一个 HTML/PHP 页面,非开发人员可以在以后更改图像
- "Share-to-Facebook" html / php / js
- 使用 Node Clone 重复 HTML/PHP 代码
- HTML - PHP 中的“点击”确认功能
- 将 HTML PHP 网页导出到图像
- 通过 https 请求访问和读取 html/php 页面,由 htaccess apache2 Server 后面的 Q
- HTML/PHP 电子邮件表单
- 无法让 HTML/PHP/JavaScript 幻灯片代码正常工作
- jQuery AJAX 格式 - HTML PHP 表单格式在加载后自动更改
- HTML / PHP表单来计算简单公式的显示结果
- html/php 页面上的 Jquery 日期和时间
- 如何在html/php中包含外部js并调用函数
- 如何将我的自定义javascript代码添加(链接)到任何html/php页面