javascript - 屏幕尺寸检测后的冷融合

Question

我正在制作一个响应式网站，我希望能够使用 javascript 获取屏幕尺寸，然后根据屏幕尺寸呈现冷融合包含。像这样:

if (screen.width <= 700) {
     <cfinclude template="file1.cfm">
} else {
     <cfinclude template="file.cfm">
}

我也尝试过通过 .ajax() 加载，但是当我在已经想要包含的 cfm 文件中包含文件时，我会卡住。

Answer 1

JavaScript 是客户端。 ColdFusion 是服务器端。如果你想混合这两者，你需要 Ajax。您应该尝试使用 jQuery 来实现简单的 Ajax:

// LOOK AT THE SCREEN WIDTH
if (screen.width <= 700) {
     // LOAD THE PAGE INTO THE CORRECT SIZED DIV
     $("#YourDiv").load("ColFusionFile-01.cfm");
} else {
     // LOAD THE PAGE INTO THE CORRECT SIZED DIV
     $("#YourDiv").load("ColFusionFile-02.cfm");
}

或者，您可能希望重定向它们:

// LOOK AT THE SCREEN WIDTH
if (screen.width <= 700) {
     // SEND THE VISITOR TO THE CORRECT SIZED PAGE
     window.location.href = "ColFusionFile-01.cfm"
} else {
     // SEND THE VISITOR TO THE CORRECT SIZED PAGE
     window.location.href = "ColFusionFile-02.cfm"
}