Javascript 动态HTML内容页,如Dropbox和Soundcloud

Javascript 动态HTML内容页,如Dropbox和Soundcloud,javascript,php,html,css,dynamic,Javascript,Php,Html,Css,Dynamic,查看或任何的源代码。你可以看到他们有很多脚本,还有一些纯HTML内容(article,main,p,div)。我一直在搜索,似乎生成页面的方法叫做动态内容/HTML(如果错误,请纠正我) 因此,我认为它的功能是能够用Javascript编辑多个外部单独的文件(如果这是它使用的语言,因为它们是脚本),以便动态生成链接到的HTML文档 另外,另一个可能的功能是有一个外部文档,比如说它是一个导航栏,所以你把它放在多个页面中,当你需要更新时,你只需编辑外部文档,而不是每个页面(万岁!) 问题: 它实际上

查看或任何的源代码。你可以看到他们有很多脚本,还有一些纯HTML内容(
article
main
p
div
)。我一直在搜索,似乎生成页面的方法叫做动态内容/HTML(如果错误,请纠正我)

因此,我认为它的功能是能够用Javascript编辑多个外部单独的文件(如果这是它使用的语言,因为它们是脚本),以便动态生成链接到的HTML文档

另外,另一个可能的功能是有一个外部文档,比如说它是一个导航栏,所以你把它放在多个页面中,当你需要更新时,你只需编辑外部文档,而不是每个页面(万岁!)

问题:
  • 它实际上被命名为动态内容吗
  • 除了HTML、CSS和JS之外,它还需要什么语言?比如PHP或ASP(如果有必要的话)
  • 以这种方式创建页面是否会对您在谷歌的网站定位产生负面/正面影响?因为我认为当谷歌机器人到达页面时,它看到的都是脚本

  • “动态”一词有两种微妙的不同定义,这可能会混淆您对这方面信息的搜索。我会分别回答你的问题

    动态,如“从数据库中保存的内容生成” 例如,在此页面上,您的声誉分数从Stack Overflow的数据库中获取,并注入HTML

  • 是的,这将被称为动态内容。与静态内容不同,静态内容只是固定的文件,动态内容将从其各个部分为每个请求它的用户构建

  • 第二组语言(PHP等)是从数据库中读取并输出相应HTML的语言

  • 谷歌的机器人很聪明:它可以呈现网页,并且可以看到与你在浏览器中看到的内容相似的内容。因此,动态生成页面而不是静态生成页面不会影响站点的SEO;不过,动态生成大量非常相似的页面可能会对其不利

  • 动态,如“页面内容更新而无需刷新整个页面” 例如,当您编写问题堆栈时,Overflow试图找到类似的问题,并向您显示这些问题,以防它已经被提出。JavaScript向他们的服务器发送请求并更新部分页面作为响应

  • 这也被称为动态内容。关键的区别在于页面中的JavaScript正在进一步调用服务器以获取更多内容,这就是您在提到的极简网站上看到的内容。这过去被称为动态HTML(DHTML);更现代的参考文献更有可能从AJAX或“单页网站”的角度来讨论它

  • 通常,您会在web服务器上运行PHP或类似程序,以响应内容请求

  • 再一次,谷歌的机器人足够聪明来应对这个问题。不过,这并不一定适用于所有搜索引擎


  • 至于第一个答案,我该怎么做(不要做完整/冗长的回答)?到目前为止,我还可以使用JavaScript(或jQuery)使用
    .innerHTML=”“
    来实现这一点。你知道其他的方法吗?最后,你对Dropbox/SoundCloud使用的方法有什么想法吗?@alej27这看起来是一个很好的起点: