第一个Javascript项目

我刚刚开始我的第一个JavaScript项目，这是一个检测浏览器窗口大小的小脚本，如果它低于1100px，那么div

quick

将不会显示

这是我的密码：

<Script language="Javascript">
  function toggle(id) {
    var browserwidth =  window.screen.width;
    if (browserwidth <= 1100) {
      document.getElementByID(quick).style.display = 'none';
    } else {
      document.getElementById(quick).style.display = 'block';
    }
  }
</script>

功能切换（id）{
var browserwidth=window.screen.width；
if（browserwidth您尚未定义
quick
。如果它不是变量，请将其括在引号内

HTML标记不区分大小写，但请保持一致。请使用小写的
script
。此外，
language
属性很古老。请将其删除

注：学习（JavaScript）的好地方是（）。
您还没有定义
quick
。如果它不是变量，请将其括在引号内

HTML标记不区分大小写，但请保持一致。请使用小写的
script
。此外，
language
属性很古老。请将其删除

注：学习（JavaScript）的好地方是（）。
您没有名为
quick
的变量。我们假设它应该是一个带引号的字符串
'quick'
：

if (browserwidth <= 1100) {
  document.getElementByID('quick').style.display = 'none';
} else {
  document.getElementById('quick').style.display = 'block';
}

function toggle(id) {
  var browserwidth =  window.screen.width;
  if (browserwidth <= 1100) {
    // Use id here...
    document.getElementByID(id).style.display = 'none';
  } else {
    document.getElementById(id).style.display = 'block';
  }
}
// For completeness, additional info ported in from comments:

// Function to call toggle()
function init() {
  toggle("quick");
} 
// Attach it to the window.onload event so it fires when the page load completes
window.onload = init;

我还使用了函数
（id）
的输入参数来动态选择div，而不是硬编码
“quick”
：

if (browserwidth <= 1100) {
  document.getElementByID('quick').style.display = 'none';
} else {
  document.getElementById('quick').style.display = 'block';
}

function toggle(id) {
  var browserwidth =  window.screen.width;
  if (browserwidth <= 1100) {
    // Use id here...
    document.getElementByID(id).style.display = 'none';
  } else {
    document.getElementById(id).style.display = 'block';
  }
}
// For completeness, additional info ported in from comments:

// Function to call toggle()
function init() {
  toggle("quick");
} 
// Attach it to the window.onload event so it fires when the page load completes
window.onload = init;

功能切换（id）{
var browserwidth=window.screen.width；
如果（browserwidth您没有名为
quick
的变量。我们假设它应该是一个带引号的字符串
'quick'
：

if (browserwidth <= 1100) {
  document.getElementByID('quick').style.display = 'none';
} else {
  document.getElementById('quick').style.display = 'block';
}

function toggle(id) {
  var browserwidth =  window.screen.width;
  if (browserwidth <= 1100) {
    // Use id here...
    document.getElementByID(id).style.display = 'none';
  } else {
    document.getElementById(id).style.display = 'block';
  }
}
// For completeness, additional info ported in from comments:

// Function to call toggle()
function init() {
  toggle("quick");
} 
// Attach it to the window.onload event so it fires when the page load completes
window.onload = init;

我还使用了函数
（id）
的输入参数来动态选择div，而不是硬编码
“quick”
：

if (browserwidth <= 1100) {
  document.getElementByID('quick').style.display = 'none';
} else {
  document.getElementById('quick').style.display = 'block';
}

function toggle(id) {
  var browserwidth =  window.screen.width;
  if (browserwidth <= 1100) {
    // Use id here...
    document.getElementByID(id).style.display = 'none';
  } else {
    document.getElementById(id).style.display = 'block';
  }
}
// For completeness, additional info ported in from comments:

// Function to call toggle()
function init() {
  toggle("quick");
} 
// Attach it to the window.onload event so it fires when the page load completes
window.onload = init;

功能切换（id）{
var browserwidth=window.screen.width；
如果在使用document.getElementById时使用（browserwidth，“quick”应该在引号中，
document.getElementById（'quick'）

应该可以工作。它使用了一些JQuery，但不是必需的。$（函数（）{}）；只是在加载DOM（网页本身）之后加载它的一种更快的方法。
当您使用document.getElementById时，“quick”应该在引号内，
document.getElementById（'quick'）

应该可以工作。它使用了一些JQuery，但不是必需的。$（函数（）{}）；只是在加载DOM（网页本身）后加载它的一种更快的方法。
您没有声明
quick
变量。或者它应该是字符串
“quick”
？还请注意，您有一个开始标记
和一个结束标记
。虽然HTML不区分大小写，但相应的开始标记和结束标记的大小写应该是正确的（即使不是这样，也更容易阅读；）.@Charlie那么它必须被引用。我在做什么蠢事吗..你没有声明
quick
变量。或者它应该是一个字符串
“quick”
？还要注意，你有一个开始标记
和一个结束标记
。虽然HTML不区分大小写，但是相应的开始和结束标记的大小写应该是正确的（即使不是这样，也会使阅读更容易；）.@Charlie那么它必须被引用。我在做什么蠢事吗？@Charlie那么它必须像我上面所做的那样被引用为字符串。没有引号，它被认为是一个从未定义过的变量。@Charlie你正确定义了函数，但没有执行它。请参阅上面的加法。那么我如何在页面加载时运行它？是否有on.load@Charlie只需添加以下行：
function init（）{toggle（“quick”）；}
，然后是
window.onload=init（）
@Edwin：如果你添加括号，它会立即调用函数。如果你在页面的
标题中这样做，并且你想访问DOM元素，它将不起作用。如果你在页面末尾调用它，那没什么关系。你甚至不必使用
窗口。然后onload
（除非你想访问图像数据）.@Charlie那么它必须像我上面所做的那样被引用为字符串。没有引号，它被认为是一个从未定义过的变量。@Charlie您正确定义了函数，但没有执行它。请参阅上面的加法。那么我如何在页面加载时运行它？是否有on.load？@Charlie只需添加以下行：
function init（）{toggle(“quick”）；}
，后跟
window.onload=init（）
@Edwin：如果你添加括号，它会立即调用函数。如果你在页面的
标题中这样做，并且你想访问DOM元素，它将不起作用。如果你在页面末尾调用它，那没什么关系。你甚至不必使用
窗口。然后onload
（除非你想访问图像数据）。问题是，你创建了一个函数，它接受一个参数，但从来没有真正调用过这个函数/在函数中使用id参数。因此，除了不需要这个参数之外，因为你将它编码到代码中，你从来没有真正调用过这个函数。我马上给你发送一个JSFIDLE。问题是，你创建了这个函数，它接受一个参数但是，永远不要真正调用所述函数/在函数中使用id参数。因此，除了不需要所述参数之外，由于您将其编码到代码中，因此您永远不会真正调用该函数。我稍后将向您发送JSFIDLE。