设计一个网站为javascript脚本的支持和不支持

StackOverflow https://stackoverflow.com/questions/1284899

题

好吧我知道这是重要的您的网站工作的现有javascript残疾人。

在我看的一种方式开始考虑如何设计这种网站是检测javascript在主页，如果它未启用，重定向到另一个版本的网站，不javascript code和工作与纯html(免费)

另一种方法，我想到的是，例如认为一个X(关闭)就一个对话框在一个网页。如果按X没有任何javascript干扰导致发送请求到服务器和服务器方面，我们隐藏的对话下一次我们正在呈现的一页，而且我们将javascript功能击的链接，并在情况下的javascript启用，它将隐藏的对话。

什么你觉得这个吗？你会如何设计一个网站，以支持这两个?

有帮助吗？

解决方案

一种方式来处理，这是：

  • 第一，创建网站，没有任何javascript
  • 然后，在每一工作，加javascript增强其合适

这样，如果JS是禁用的，"第一"版本的网站仍然有效。

你可以做到完全相同的与CSS，当然--甚至有一个"CSS赤裸裸的一天"每一天，显示哪些网站看起来像没有CSS^^


一个例子吗？

  • 你有一个标准HTML的形式，这些员额的数据要你的服务器时提交，并重新建立的该网页的服务器会显示的消息像是"谢谢你subscriving"
  • 然后，添加一些JS+阿贾克斯的东西：而不是重装整个网页，同时提交形式，你有Ajax请求，仅发送的数据；而且，在返回，这显示"谢谢你的签署"没有重新载入页面

在这种情况下，如果禁止javascript，第一个"标准"的做事方式仍然有效。

这是(一部分)什么是所谓 逐步增强

其他提示

通常的方法是什么所谓 逐步增强.

基本上你采取一个简单HTML网站，与普通的形式。
下一个增强CSS-你让它看起来很好。
然后你可以增强它还与Javascript-你可以添加或删除的元素，加影响等。

基本HTML总是有古老的浏览器(或那些脚本阻断剂，例如)。

例如形式要发表评论可能看起来是这样的：

<form action="post-comment.php" method="post" id="myForm">
<input type="text" name="comment">
</form>

然后你可以增强它与javascript使它AJAXy

$('#myForm').submit(...);

理想的AJAX回应使用相同的代码post-comment.php -无论是通过调用同样的文件或通过 include, 然后你不必重复代码。

在条款，它不是要让你的网站的工作与JavaScript残疾人。人禁用JavaScript有人想要破解的错误到你的网站，他们不应该导航是正确的。不要浪费你的努力。每个人都知道该网站是unsurfable不JavaScript。

唯一的事情你必须小心，是关于您的形式：永远不要相信过滤器在JavaScript, 总是过滤它再次在服务器的端，永远！

使用逐步增强，研究 jquery 了解它。它需要一些时间直到你得到你的头在它附近。例如你的想法：

来检测javascript在主页 如果不启用，重定向到 另一个版本的网站，并 不javascript code和适用 纯html

你会如何发现，如果禁止javascript?不javascript，obivously...

你在想的方式是错误：最基本的版本，必须默认的版本，然后，如果检测到更先进的能力，可以使用它们。

尽量避免单独的版本不同的加油车/功能，只要你能。它是如此多的工作，以保持所有版本中同步和最做。

一些很好的资源来让你开始：

最好的办法是设计充分作品，未经JS的页面。然后，在的底部添加

scroll top