您好朋友,这是一个非常新手的问题,因为我是编程的新手。
我正在浏览Web,发现了一种根据浏览器宽度动态加载CSS文件的方法。
jQuery的
function adjustStyle(width) {
width = parseInt(width);
if (width < 701) {
$("#size-stylesheet").attr("href", "css/narrow.css");
} else if ((width >= 701) && (width < 900)) {
$("#size-stylesheet").attr("href", "css/medium.css");
} else {
$("#size-stylesheet").attr("href", "css/wide.css");
}
}
$(function() {
adjustStyle($(this).width());
$(window).resize(function() {
adjustStyle($(this).width());
});
});
的HTML
<link rel="stylesheet" type="text/css" href="main.css" />
<link id="size-stylesheet" rel="stylesheet" type="text/css" href="narrow.css" />
我想知道,我可以使用它加载php file
吗?
如果是,代码将是什么样?
我认为我们将被要求使用<?php require_once('http://mysite.com/layouts/ipad.php'); ?>
之类的东西,但是我该如何编码?
请帮助。
问候
参考方案
我想知道,我可以使用相同的方式加载php文件吗?
如果通过“加载php文件”表示加载不同的页面,您将在其中针对不同的条件(宽度,任意大小)定义不同的页面,那么可以通过将window.location
设置为所需的页面来加载不同的页面。这将用您指定的页面替换当前页面。
我不认为您每次每次调整窗口大小时都应该这样做。如果必须这样做,则至少检查新大小是否确实需要更改,而不是反复进行重新加载。
以下内容与您现有的代码相似:
function setLocation(url) {
if (window.location.href.indexOf(url) === -1)
window.location = url;
}
function reloadPage(width) {
width = parseInt(width);
if (width < 701) {
setLocation("yournarrowpage.php");
} else if (width < 900) {
setLocation("yourmediumpage.php");
} else {
setLocation("yourwidepage.php");
}
}
$(function() {
reloadPage($(this).width());
$(window).resize(function() {
reloadPage($(this).width());
});
});
不过,您不必每次都重新加载整个页面,您可以使用Ajax仅重新加载某些部分。为此,除了可以设置window.location
之外,您可以使用与jQuery's .load() method
类似的方法:
function setLocation(url) {
$("selector for the element to reload").load(url);
}
PHP:获取调用引用的数组名称 - php假定以下函数并调用:function doSomething( &$someArray ) { // Do something to $someArray } $names=array("John", "Paul", "George", "Ringo"); doSomet…
PHP-MySQL结果转换为JSON - php我试图了解如何将MySQL结果转换为JSON格式,以便以后可以在Javascript中使用此JSON来构建HTML表。但是我的代码只是产生大量的空值,我还不明白为什么。$result = mysqli_query($con, "SELECT * FROM Customers"); $test = json_encode($result);…
PHP Count数组元素 - php嗨,有人可以解释为什么这会返回“数组由0个元素组成”。 :$arr = array(1,3,5); $count = count($arr); if ($count = 0) { echo "An array is empty."; } else { echo "An array has $count elements.…
PHP:从函数返回值并直接回显它? - php这可能是一个愚蠢的问题,但是……的PHPfunction get_info() { $something = "test"; return $something; } html<div class="test"><?php echo get_info(); ?></div> 有没有办…
PHP:将数据从二维数组复制到一维数组的最快方法 - php我有一个巨大的二维PHP数组,带有500万行。$t = [ [ "id" => 1, "name" => "foo" ], [ "id" => 2, "name" => "bar" ] ]; 现在,我必须将此数组的I…