网站如何动态更改其内容?

时间:2013-11-18 17:30:54

标签: html css

快速提问。初学者网页设计师,请告诉我这个网站是怎么样的: http://workwankers.com/拥有“自动”源代码。我的意思是,当我与网站互动时,代码会发生变化。上面的例子是完美的;滚动时,新事物会转变并发挥作用。这是一种技术/语言吗?这些多种语言是否一起使用?

非常困惑,我不知道如何在html和css中单独完成。

3 个答案:

答案 0 :(得分:1)

仅使用HTML和CSS无法完成。 您看到的技术通常使用Javascript或其中一个Javascript库来完成。

如果您想了解有关网页设计的更多信息,可以考虑以下链接: http://www.codecademy.com/tracks/web

此外,如果您想学习Javascript,可以试试这个: http://www.codecademy.com/tracks/javascript

答案 1 :(得分:1)

您看到的效果可以通过混合使用 CSS JavaScript来操纵 HTML DOM 来实现/ jQuery AJAX


HTML

  

(的ħ)yper

     

T )分机

     

M )arkup

     

L )anguage

HTML 是用于创建可在网络浏览器中显示的网页和其他信息的主要标记语言。


DOM

  

D )ocument

     

O )bject

     

(的中号)Odel等

DOM 是一种跨平台且与语言无关的约定,用于表示 HTML ,XHTML和XML文档中的对象并与之交互。可以使用对象上的方法来处理和操纵 DOM 树中的对象。 DOM 的公共接口在其应用程序编程接口(API)中指定。


CSS

  

C )ascading

     

S )tyle

     

(<强>取值)heets

CSS 是一种样式表语言,用于描述以标记语言编写的文档的表示语义(外观和格式)。它最常见的应用是设置用 HTML 和XHTML编写的网页样式,但该语言也可以应用于任何类型的XML文档,包括纯XML,SVG和XUL。


jQuery

jQuery 是一个多浏览器 JavaScript 库,旨在简化HTML的客户端脚本。 jQuery是10,000个访问量最大的网站中超过65%的用户,是目前使用最流行的 JavaScript 库。

jQuery 是免费的开源软件,根据MIT许可证授权。其语法旨在简化文档导航,选择 DOM 元素,创建动画,处理事件以及开发 AJAX 应用程序。 jQuery 还为开发人员提供了在 JavaScript 库之上创建插件的功能。这使开发人员能够为低级交互和动画,高级效果和高级,可主题化的小部件创建抽象。 jQuery 库的模块化方法允许创建功能强大的动态网页和Web应用程序。

jQuery 核心功能 - DOM 元素选择,遍历和操作 - 由其选择器引擎(从v1.3命名为“Sizzle”)启用,创建了一个新的“编程风格”,融合算法和DOM数据结构;并影响了其他 JavaScript 框架的体系结构,如YUI v3和Dojo。


AJAX

  

A )同步

     

J )avaScript

     

(的 A )ND

     

X )ML

使用 AJAX ,Web应用程序可以异步(在后台)向服务器发送数据和从服务器检索数据,而不会干扰现有页面的显示和行为。可以使用XMLHttpRequest对象检索数据。尽管名称如此,但不需要使用XML(通常使用 JSON ),并且请求不需要是异步的。

AJAX 不是一项技术,而是一组技术。 HTML CSS 可以组合使用来标记和设置样式信息。使用JavaScript访问 DOM 以动态显示,并允许用户与所呈现的信息进行交互。 JavaScript XMLHttpRequest对象提供了一种在浏览器和服务器之间异步交换数据的方法,以避免整页重新加载。

答案 2 :(得分:0)

更准确的是我们称之为异步Javascript和XML(AJAX)。这使用文档对象模型(DOM),它是从网页中的元素构建的树(如果愿意,可以将它们视为HTML标记)。当事件被触发时,AJAX代码可以直接修改这个树,这反过来会影响代码。

另外,我会傻到更不用提jQuery这是一个位于AJAX之上的库,可以很容易地操作DOM。