将Javascript添加到网站

Question

我自己已经制作了几个月的网站，虽然我理解了如何将Javascript添加到网站的概念，但我真的很想知道如何最好地去做它并希望有一些有经验的开发者意见/建议。

我已经无数次地阅读过，最好先构建一个普通网站，然后再添加Javascript。这样，无论如何，该网站都将起作用。这对于像动画这样的东西来说是一个好主意，基本上，Javascript会在页面上起作用。

但是，如果您有一个包含服务器生成内容的站点。并且说，为了缩短页面上的加载时间，您希望通过ajax调用加载部分内容。你如何将其添加到网站？

据我所知，您无法在服务器上知道您的客户端是否启用了Javascript或在页面刷新时禁用...因此您无法在服务器上保留内容。但是如果你将所有内容发送到客户端，那么你就不再需要在页面上使用ajax了。

在这种情况下，你通常如何处理它？您是否为服务器建立链接和版本并发信号通知哪个版本加载？ 但是，这仍然无法告诉您用户是否会在刷新时启用脚本...

或者您只是喜欢facebook和ebay并忽略禁用脚本的用户？

Answer 1

技术正逐渐远离没有javascript的人，所以这可能是忽视它们的可能性。

但是如果你必须支持这些类型的用户，那么在点击并通过ajax加载时“拦截”html链接/按钮是一种流行的做法。如果用户没有javascript，则链接/按钮将正常运行。

这种“拦截”概念包含在渐进增强概念中。

Answer 2

从视觉上来说，似乎总是看起来AJAX加载会感觉更慢（从技术方面来说这是有意义的，因为它使用了另一个GET请求）。

Javascript应保留用于交互式加载内容而不预先加载所有内容。

如果你真的想我只能推荐预装图片，而不是其他“页面”的内容

Answer 3

JavaScript增加了很多潜力，有时候很难集中精力创建一个适合少数禁用它的用户的网站。

通常在网站的规划阶段，我会确定哪些功能需要以及哪些功能只是增强功能，例如动画或动态内容加载。我将故障应用放在适当位置以满足需求，同时将其余内容限制为启用了JS的访问者。

我构建我的网站的方式是所有人都可以通过这种或那种方式访问​​所有基本内容，但是当谈到需要JavaScript的“额外内容”时，我不会浪费我宝贵的时间餐饮我的访客不到1％。

Answer 4

我会听从Mike Samuel的建议，因为StackOverflow可能不是提出这类问题的最佳地点。

首先，您应该问问自己网站的性质是什么样的。依赖Javascript很少是一个好主意，因为你会关闭一些潜在的观众（幸运的是，每天都少）。在Gmail等网络应用中，这是有道理的，但您绝不应要求观看者启用Javascript来执行网站功能所必需的操作。

了解可用的不同技术及其在网站开发中的位置也很重要。当然，最重要的3个是：

• HTML：内容
• CSS：演示文稿（这可能就是你想要的地方 想要使用动画（除非它是必不可少的），而不是Javascript）
• Javascript：交互

虽然很少练习，但我建议您在不使用CSS，Javascript或其他任何内容的情况下使您的网站功能齐全，然后再添加这些技术。这是一种近乎万分的方式，可以确保每个人至少可以查看您的内容。

Answer 5

1）我个人会忽略没有javascript的人。

2）加载Web部件是个人风格，如果你想要硬核模式，由你决定，但是加载不同的web部件可能会有变量/ id / class name冲突，所以要小心它们。

Answer 6

依靠启用了javascript的用户，然而不允许那些禁用javascript的用户打开安全漏洞。 编辑@Hawken ：另外，如果禁用了javascript，请不要使用户通常无法看到的内容无法访问。

Javascript非常通用，因此它以多种不同的方式使用。 Javascript可用于将图像预加载到客户端缓存中，以便进行更流畅的交互。

Javascript可用于促进动态内容替换或重叠页面上的其他内容。

当您想要查询服务器并获取数据而不刷新整个页面时，AJAX非常棒。还有其他方法可以做到这一点，但它们通常涉及框架。

当您想要从远程位置（相同域或其他域 - 其他域可能变得复杂）动态加载脚本或其他数据（如页面部分）时，AJAX也很有用。

根据经验，使用javascript来增强客户端浏览。