韩元';t输入javascript if/else语句
下面是一个带有javascript的简单html页面。我无法让我的网页输入任何一条if语句。我可以让它在JSFIDLE上工作,但不能在我的sublime文本编辑器的页面上工作韩元';t输入javascript if/else语句,javascript,jquery,html,Javascript,Jquery,Html,下面是一个带有javascript的简单html页面。我无法让我的网页输入任何一条if语句。我可以让它在JSFIDLE上工作,但不能在我的sublime文本编辑器的页面上工作 调整此面板的大小 $(文档).ready(函数(){ //加载执行 检查宽度(); //绑定事件侦听器 $(窗口)。调整大小(选中宽度); }); 函数checkWidth(){ var windowWidth=$(window.width(); var windowHeight=$(window.height()
调整此面板的大小
$(文档).ready(函数(){
//加载执行
检查宽度();
//绑定事件侦听器
$(窗口)。调整大小(选中宽度);
});
函数checkWidth(){
var windowWidth=$(window.width();
var windowHeight=$(window.height();
$(“#xy”).text(“宽度:“+windowWidth+”高度:“+windowHeight”);
如果(windowWidth>=700&&windowWidth=400&&windowHeight您缺少jQuery库。请将以下脚本放在
当前代码到达此行时停止,因为美元符号是对jQuery的调用,而您没有:$(“#xy”).text(“宽度:“+windowWidth+”高度:“+windowHeight”);首先,我建议您包含jQuery.min.js,您可以在jQuery.com上下载
接下来,更改JavaScript的顺序,在将其用作快捷命令NameOfFunction()之前,应该初始化要使用的函数.当您添加jquery时,就像同事们已经提到的那样,您仍然会遇到一个小问题:每次尝试调整窗口大小时,即使只有1px,您也会遇到一个警报(甚至多个警报)。因此,即使测试以下内容也不那么烦人:
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
<title></title>
</head>
<body>
resize this panel
<p id="xy">
</p>
<p id="another">
</p>
<script>
function checkWidth() {
var windowWidth = $(window).width();
var windowHeight = $(window).height();
$("#xy").text("width: "+windowWidth + " height: " + windowHeight);
if (windowWidth >= 700 && windowWidth <= 800 && windowHeight >= 400 && windowHeight <= 500) {
$("#another").text("Match!");
}
$(window).resize(checkWidth);
}
$(document).ready(function() {
// Execute on load
checkWidth();
// Bind event listener
$(window).resize(checkWidth);
});
</script>
</body></html>
调整此面板的大小
函数checkWidth(){
var windowWidth=$(window.width();
var windowHeight=$(window.height();
$(“#xy”).text(“宽度:“+windowWidth+”高度:“+windowHeight”);
如果(windowWidth>=700&&windowWidth=400&&windowHeight出现了什么问题?是否发生了什么事?控制台中是否有错误?您的页面是否包含另一个导入jQuery的
标记?(上面的页面中没有包含jQuery的迹象。)你能和我们分享正在工作的JSFIDLE链接吗?很抱歉,我刚刚意识到我没有导入JQuery!现在一切都好了,没有必要对函数重新排序。好的,我这样做的时候,我的函数一次都没有工作,从那以后我一直试图保持它们的顺序。。。