Web applications 网站如何在不刷新整个页面的情况下更改内容?

Web applications 网站如何在不刷新整个页面的情况下更改内容?,web-applications,Web Applications,例如,在大多数博客上,你可以点击一篇文章,它会带你去看文章,而无需刷新顶部的横幅或导航栏。我一直认为这是通过javascript实现的,但我发现即使禁用javascript,这些网站仍然可以工作 有人问过类似的问题,答案都是关于javascript的。但是当我禁用javascript时,网站(例如Wordpress)是如何做到这一点的呢?这是通过框架实现的。 这是实现以下目标的基本代码: index.html: <frameset rows="100,*"> <frame

例如,在大多数博客上,你可以点击一篇文章,它会带你去看文章,而无需刷新顶部的横幅或导航栏。我一直认为这是通过javascript实现的,但我发现即使禁用javascript,这些网站仍然可以工作

有人问过类似的问题,答案都是关于javascript的。但是当我禁用javascript时,网站(例如Wordpress)是如何做到这一点的呢?

这是通过框架实现的。 这是实现以下目标的基本代码:

index.html:

<frameset rows="100,*">
   <frame src="header.html"></frame>
   <frameset cols="300,*">
      <frame src="menu.html"></frame>
      <frame src="content.html" name="content"></frame>
   </frameset>
</frameset>

menu.html:

<a href="page.html" target="content">This will be opened in the content frame</a>

这是用框架完成的。 这是实现以下目标的基本代码:

index.html:

<frameset rows="100,*">
   <frame src="header.html"></frame>
   <frameset cols="300,*">
      <frame src="menu.html"></frame>
      <frame src="content.html" name="content"></frame>
   </frameset>
</frameset>

menu.html:

<a href="page.html" target="content">This will be opened in the content frame</a>


如果禁用了javascript,它可能是一个flash动画,可以在不使用js的情况下更新。

如果禁用了javascript,它可能是一个flash动画,可以在不使用js的情况下更新。

带隐藏边框的帧通常是这样做的


它们可以通过编程方式进行刷新,当您需要显示的数据可以从一个完全不同的页面抓取时,它们会更简单

如果带隐藏边框的框架通常是这样做的


它们可以通过编程方式进行刷新,当您需要显示的数据可以从一个完全不同的页面抓取时,它们会更简单。在某些情况下,这种行为只是浏览器缓存网站的布局。 如果在下一页上除了一篇文章外,所有内容都保持不变,那么在眼睛看来,似乎只有这篇文章被刷新了。这是因为从硬盘加载图像需要几毫秒,而从web加载图像需要几秒钟。这就是为什么你看不到他们再次加载,而他们实际上是。只是速度太快了

若要确定是否是这样,您可以清除internet临时文件,然后再次单击另一个链接,您应该会看到网站实际上再次完全加载


正如其他人所说,iframes也可能是原因,但我认为它们不再经常被使用。无论如何,它们在wordpress.com网站上都没有被使用。(查看源代码>查找iframe)

在某些情况下,此行为只是浏览器缓存网站布局。 如果在下一页上除了一篇文章外,所有内容都保持不变,那么在眼睛看来,似乎只有这篇文章被刷新了。这是因为从硬盘加载图像需要几毫秒,而从web加载图像需要几秒钟。这就是为什么你看不到他们再次加载,而他们实际上是。只是速度太快了

若要确定是否是这样,您可以清除internet临时文件,然后再次单击另一个链接,您应该会看到网站实际上再次完全加载


正如其他人所说,iframes也可能是原因,但我认为它们不再经常被使用。无论如何,它们在wordpress.com网站上都没有被使用。(查看源>查找iframe)

作为一个WordPress用户,我可以向你保证它是JavaScript。

作为一个WordPress用户,我可以向你保证它是JavaScript。

你能发布一个没有JavaScript的网页/博客的例子吗?WordPress.com上的任何博客似乎都是这样的。你能发布一个没有JavaScript的网页/博客的例子吗Wordpress.com上的博客似乎是这样的。flash不依赖JavaScript吗?不依赖,但它通常是用JavaScript生成的。flash不依赖JavaScript吗?不依赖,但它通常是用JavaScript生成的。我在Wordpress博客的源代码中找不到“frame”这个词。是不是因为有其他方法可以在没有“frame”这个词的情况下创建框架?@lala有人可以使用iframe编写主题,但它不会与WP核心文件一起提供(他们有几个默认主题,但没有iframe)。我在wordpress博客的源代码中找不到“frame”这个词。是不是因为有其他方法可以在没有“frame”这个词的情况下制作框架?@lala有人可以使用iframe编写主题,但它不会与WP核心文件一起提供(他们有几个默认主题,但没有iframe)。啊,你说得对。我不相信你,因为它能如此流畅地转换博客条目,我想我至少会在图片重新加载时看到一个闪光。但我尝试了你的建议,很明显,整个画面确实重新加载了。多么令人失望和尴尬。是的,网络有时表现得很神秘;-)啊,你说得对。我不相信你,因为它能如此流畅地转换博客条目,我想我至少会在图片重新加载时看到一个闪光。但我尝试了你的建议,很明显,整个画面确实重新加载了。多么令人失望和尴尬。是的,网络有时表现得很神秘;-)