我要用javascript设置一个php变量,php变量
我想给浏览器的大小一个php变量,然后回声最好的css (一种响应的网站由不同的css,而不是css3)。
<script src="jquery-1.10.2.js"></script>
<script>
$(function(){
var size=($(document).width());
if(size>300){
<?php
$size="more";
?>
}else if(size<300){
<?php
$size="less";
?>
}
})
</script>
<?php
if($size=="more"){
echo '<link rel="stylesheet" href="index-1024.css"/>';
}else if($size=="less"){
echo '<link rel="stylesheet" href="index-less-1024.css"/>';
}
?>
php变量$size总是'less'
PHP脚本在服务器端执行。和javascript (jQuery)脚本在您的浏览器上执行。你不可能像那样设置变量。也许可以考虑将css完全切换到javascript中:
script src="jquery-1.10.2.js"></script>
<script>
$(function(){
var size=($(document).width());
//if large screen, swap in large css
if(size>300){
$('#mystyle').attr("href", "index-1024.css");
}
})
</script>
<?php
//load small css as default
echo '<link rel="stylesheet" href="index-less-1024.css" id="mystyle"/>';
?>