javascript关闭帮助答案

【问题标题】：javascript turned off helpjavascript关闭帮助
【发布时间】：2010-01-26 19:13:34
【问题描述】：

我正在创建一个小型应用程序，其中显示了一些包含在 3 个 div 中的文本，因此我实际上一次显示 1 个 div，还有 prev 和 next 按钮供用户在 div 之间切换。现在，当 javascript 关闭时，我只想显示 1 个没有 prev 和 next 按钮的 div。我有并且认为它可以通过像处理 CSS 来使用 javascript 来完成。

document.getelementbyid("id1").style.display="visible";
document.getelementbyid("id1").style.display="none";

谢谢

【问题讨论】：

想一想。如果 JavaScript 关闭，您希望如何使用 JavaScript 来操作 CSS..？另外到目前为止，您已经提出了六个我可以看到的问题，但没有接受任何答案。 0% 的接受率并不能成为提供帮助的动力。
是的，这是真的，从来没有想过。如果我们可以改变 CSS 可能至少？
你可以使用服务器端语言吗？如果有，是哪一个？
不......我们不能......我们只需要改变css内容

标签： javascript html css

【解决方案1】：

您可以使用<noscript> 标签来定义脚本元素的样式并改为显示您的备用 div：

<noscript>
  <style type="text/css">
    #scripted-div1, #scripted-div2, #scripted-div3 { display:none; }
  </style>
  <div>
    <!-- Alternate content goes here -->
  </div>
</noscript>

【讨论】：

带有 NoScript 的 Firefox 将忽略 javascript 并忽略 <noscript> 标签中的内容。（我还没有实际测试过，但我很确定。）

【解决方案2】：

安排您的默认页面视图，因为它会在关闭 javascript 的情况下显示，然后，如果它打开，您将能够将所需的元素添加到所需的位置。

【讨论】：

【解决方案3】：

您可以将这些 div 设置为 display:none; （在 CSS 中）默认情况下，为两者添加 id，并在页面加载后设置 document.getelementbyid(..).style.display="visible"; （在 JavaScript 中）

PS。你可以使用 jquery 或其他，会更容易;）

试试这个：

[style]#prev, #next { display:none; }
[js]
function showButtons()
{
    document.getElementById('next').style.display="block";
    document.getElementById('prev').style.display="block";
}
[html]
body onload="showButtons()">
div id="next">next..
div id="prev">prev..

这种方式没有JS prev/next 不会显示，有JS 会在页面加载后显示。

【讨论】：

重要的是要注意，此代码将隐藏 div（非脚本和脚本），直到整个页面内容完成渲染（包括下载所有图像、flash 内容等），从而导致延迟在内容可见之前，布局可能会在显示 div 时发生变化。
在隐藏和可见之间切换元素并不难。加载诸如 jQuery 之类的海量库进行如此简单的操作将是荒谬的。

【解决方案4】：

也许您可以在noscript 标签内设置样式。

另外，也许您应该接受以前的答案并尊重其他人给您的答案。

【讨论】：

是的，我只是错过了接受它实际上对 SO 来说是新的。我做到了，谢谢你让我知道。