Fatal编程技术网
  • javascript/
  • Javascript 如何根据屏幕大小在js中声明php echo值？

Javascript 如何根据屏幕大小在js中声明php echo值？

javascript php

Javascript 如何根据屏幕大小在js中声明php echo值？,javascript,php,Javascript,Php,我试图在js中回显php值。其思想是根据屏幕大小显示有限的值。这是代码 <?php foreach( $data as $row ){ $path1 =" <tr> <td><strong>Name</strong></td> <td><strong>Price (USD)</strong></td> <td>{$row['name']}<

我试图在js中回显php值。其思想是根据屏幕大小显示有限的值。这是代码

    <?php
        foreach( $data as $row ){
 $path1 ="
<tr>
<td><strong>Name</strong></td>
<td><strong>Price (USD)</strong></td>
<td>{$row['name']}</td>
<td>{$row['price']}</td>
</tr> 
";
 $path2 ="
<tr>
<td><strong>Rank</strong></td>
<td><strong>Name</strong></td>
<td><strong>Price (USD)</strong></td>
<td>{$row['rank']}</td>
<td>{$row['name']}</td>
<td>{$row['price']}</td>
</tr>
";
}?>


<script>
window.onload = function() {
if (screen.width < 960) 

   document.getElementById("phone").innerHTML = "<?php echo $path1; ?>";
else

    document.getElementById("phone").innerHTML = "<?php echo $path2; ?>";
}
</script>

<body>
    <div>
        <span id ="phone"></span>

    </div>
</body>

用模板试试这个：
window.onload=函数（）{
如果（屏幕宽度<960）
document.getElementById（“电话”）.innerHTML=`；
其他的
document.getElementById（“电话”）.innerHTML=`；
}

1。这通常是通过css完成的。2.无需使用
$path1='名称价格（美元）等等。也不要忘记您的
标记您最好看看如何将foreach{}条件添加到路径？它部分地解决了问题。我已经更新了代码。有什么建议吗？很好用。谢谢：）

Try this one with template:

   <?php

$path1 = '';
$path2 = '';
foreach( $data as $row ){
$path1 .=
'<tr>
<td><strong>Name</strong></td>
<td><strong>Price (USD)</strong></td>
</tr> 
';

$path2 .=
'<tr>
<td><strong>Rank</strong></td>
<td><strong>Name</strong></td>
<td><strong>Price (USD)</strong></td>
</tr>';

}
?>


<script>
window.onload = function() {
if (screen.width < 960) 

   document.getElementById("phone").innerHTML = `<?php echo $path1; ?>`;
else

    document.getElementById("phone").innerHTML = `<?php echo $path2; ?>`;
}
</script>

<body>
    <div>
        <span id ="phone"></span>