jQuery 学习之javascript回顾001---Getting started javascript

解析一个web页面

在启动一个javascript之前，下面的这些的web技术有利于里对其的理解

HTML是内容

HTML是一种标记语言,用于定义和描述内容。无论是博客、搜索引擎的结果,或一个电子商务网站,一个网页的核心内容是写在HTML。语义标记,HTML是通用术语用于描述内容(标题、段落、图片等)。

CSS是展现

CSS是一种补充语言,风格适用于HTML文档。CSS是通过定义字体,颜色,和其他视觉美学而让内容看起来更好。CSS有意思的地方在于:内容里是没有样式的。这意味着您可以给相同的内容赋予不同的样式,这是至关重要的,这样可以使得你的网站在不同的设备上看起来都显得很合适。

Javascript用来交互

在浏览器中,JavaScriptHTML内容添加交互性和的行为。倘若没有JavaScript,静态网页是多么的无聊。JavaScript可以一个web页面带来生命。
看看这个简单的HTML页面,我们可以看一下它是如何将CSS和JavaScript融合在一起:

jQuery 学习之javascript回顾001---Getting started javascript

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Hello World</title>
 
    <!-- CSS for presentation. -->
    <style>
    h1 { font-size: 14px; color: hotpink; }
    button { color: red; }
    </style>
</head>
<body>
    <h1>Hello World</h1>
    <button>Click Me!</button>
 
    <!-- JavaScript for interactivity. -->
    <script>
 
    // Get a handle on the first button element in the document.
    var button = document.querySelector( "button" );
 
    // If a user clicks on it, say hello!
    button.addEventListener( "click", function( ev ) {
        alert( "Hello" );
    }, false);
 
    </script>
</body>
</html>

View Code

在上面的示例中,HTML是用于描述内容。“Hello World”的文本通过< h1 >标签被描述为一个标题，“Click Me!“通过一个<button>标签被描述为一个button。<style>块包含CSS,它更改文本标题的字体大小和颜色。<script>块包含了JavaScript为按钮添加交互性的代码。当用户单击按钮时,警报框将出现“Hello!”

JavaScript是一种web脚本语言

JavaScript最初被设计成向web页面添加交互性,不是一种通用编程语言,这使得它是一种脚本语言。脚本语言被认为是比一般的语言更有效率,因为他们在特定环境下进行优化执行(例如web浏览器)。然而,最新的技术却可以是javascript用于服务器端(比如node.js).所以JS现在可以代替像PHP、Ruby或ASP。这里我们只讨论这种用于浏览器里的javascript。
“JavaScript”这个名字有点也许有些误导大家。尽管名义上有相似性,JavaScript与Java却没有半毛钱关系,JS是一种通用的语言。JavaScript是基于一个名为ECMAScript的开放网络标准。基于标准的语言不是由任何一个实体或公司，相反,而是由开发人员一起工作来定义语言,所以JavaScript可以运行在操各种作系统或者设备的每个web浏览器上。