第一章 了解JavaScript

由于之前本人一直在做  C/S之类 的项目,但是由于公司安排,我开始接触B/S类型的项目,所以需要学习JavaScript,接下来是我学习"JavaScript基础教程(第8版)"这本书的笔记。

第一章 了解JavaScript

 JavaScript是什么

  • JavaScript 被设计用来向 HTML 页面添加交互行为。
  • JavaScript 是一种脚本语言(脚本语言是一种轻量级的编程语言)。
  • JavaScript 由数行可执行计算机代码组成。
  • JavaScript 通常被直接嵌入 HTML 页面。(<script>标签常常放在HTML页面的<head>部分中,如脚本 1-1 所示 。也可以将脚本放在<body>部分中)
  • JavaScript 是一种解释性语言(就是说,代码执行不进行预编译)。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript" language="javascript">
        window.onload = function () {
            document.getElementById("myMessage").innerHTML = "Hello World!";
        }
    </script>
</head>
<body>
    <h1 id="myMessage">
    </h1>
</body>
</html>

脚本1-1 向浏览器窗口中输出”Hello World!”

JavaScript 不是Java

  • JavaScript 和 Java 之间没有太大的关系。
  • Java 是一种功能完备的编程语言,由 Sun 公司开发,由 Oracle 公司推广(自从 Oracle 收购 Sun 公司以来)。

JavaScript 可以做什么

  • 确保用户以表单形式输入有效的信息。
  • 根据用户的操作可以创建自定义的 Web 页面。
  • 处理表单。
  • 设置 cookie。
  • 即时构建 HTML 页面以及创建基于 Web 的应用程序。
  • ·····

JavaScript 不能做什么

JavaScript 是一种客户端语言。也就是说,设计它的目的是在用户的机器上而不是服务器上执行任务。因此, JavaScript 有一些固有的限制,这些限制主要出于如下安全原因。

  • JavaScript 不允许写服务器机器上的文件。
  • JavaScript 不能关闭不是由它自己打开的窗口。
  • JavaScript 不能从来自另一个服务器的已经打开的网页中读取信息。

处理事件


事 件


它处理什么


onabort


用户终止了页面的加载


onblur


用户离开了对象


onchange


用户修改了对象


onclick


用户单击了对象


onerror


脚本遇到了一个错误


onfocus


用户激活了对象


onload


对象完成了加载


onmouseover


鼠标指针移动到对象上


onmouseout


鼠标指针离开了对象


onselect


用户选择了对象的内容


onsubmit


用户提交了表单


onunload


用户离开了页面

值和变量


类 型


描 述


示 例


数字


任何数字值


3.141592654


字符串


引号中的字符


"Hello, world!"


布尔值(Boolean)


true 或 false


true


空值(null)


空且无含义


对象


与对象相关联的任何值


函数


函数返回的值

操作符


操 作 符


作 用


x + y(数字)


将 x 和 y 相加


x + y(字符串)


将 x 和 y 拼接在一起


x – y


从 x 中减去 y


x * y


将 x 和 y 相乘


x / y


将 x 除以 y


x %y


x 和 y 的模(即 x 除以 y 的余数)


x++,++x


给 x 加 1(相当于 x = x + 1)


x--,--x


给 x 减 1(相当于 x = x - 1)


-x


x 的相反数

赋值和比较


赋 值


作 用


x = y


将 x 设置为 y 的值


x += y


相当于 x = x + y


x -= y


相当于 x = x - y


x *= y


相当于 x = x * y


x /= y


相当于 x = x / y


x %= y


相当于 x = x %y

  • x++和++x 都是给 x 加 1,但是它们并不相同。前者在完成赋值之后再递增 x,而后者正相反。例如,如果 x 是 5, y=x++会将 y 设置为 5, x 设置为 6;而 y=++x 会将 x 和 y 都设置为 6。递减操作符--的工作方式与它相似。
  • 如果在将两个值相加时混合使用数字和字符串,那么结果是一个字符串。例如, "cat"+5 的结果是"cat5"。

比较


比 较


作 用


x == y


如果 x 和 y 相等,那么返回 true


x === y


如果 x 和 y 完全相同,那么返回 true


x != y


如果 x 和 y 不等,那么返回 true


x !== y


如果 x 和 y 不完全相同,那么返回 true


x > y


如果 x 大于 y,那么返回 true


x >= y


如果 x 大于等于 y,那么返回 true


x < y


如果 x 小于 y,那么返回 true


x <= y


如果 x 小于等于 y,那么返回 true


x && y


如果 x 和 y 都是 true,那么返回 true


x || y


如果 x 或 y 之一是 true,那么返回 true


!x


如果 x 是 false,那么返回 true

  • 如果对字符串进行比较,那么要知道“ a”大于“ A”,“ abracadabra”小于“ be”
时间: 2024-10-03 23:08:41

第一章 了解JavaScript的相关文章

JavaScript学习指南之第一章Hello JavaScript!最基础的JavaScript入门

JavaScript学习指南笔记 第一章 Hello JavaScript! JavaScript简介 JavaScript属于网络端的脚本语言. JavaScript 被数百万计的网页用来改进设计.验证表单.检测浏览器.创建cookies,以及更多的应用. 能够与网页进行完美的集成.. 目前在因特网领域,也是比较流行的一种脚本语言. JavaScript是一种轻量级的编程语言. JavaScript是可插入HTML页面的编程代码. JavaScript插入HTML页面后,可有所有的浏览器所执行

JavaScript DOM编程艺术第一章:JavaScript简史

本系列的博客是由本人在阅读<JavaScript DOM编程艺术>一书过程中做的总结.前面的偏理论部分都是书中原话,觉得有必要记录下来,方便自己翻阅,也希望能为读到本博客的人提供一些帮助,所以 如果您也看过这本书,希望不要喷小的"抄袭",其实我也懒得敲这些文字也想简单粗暴地上代码,但是只有实践没有理论不容易自己理解,为避免误导,该"抄"的地方还是要"抄"的,哈哈~~ 一.JavaScript的起源 JavaScript是Netscap

Javascript高级程序设计——第一章:javascript简介

第一章 javascript简介 1.Javascript简史 javascript诞生于1995年,是由网景公司的Brendan Eich开发的,最初的目的是在客户端处理一些输入验证操作,自此后成为常见浏览器的特色功能,如今用途已经不限于简单的数据验证,而是具备与浏览器窗口及其内容等几乎所有方面交互的能力.当时javascript是为了搭上媒体热炒的java才改名为javascript其最初名为livescript. 在javascript取得巨大成功后,微软公司也在自己的浏览器中加入了名为J

第一章:Javascript语言核心

本节是javascript语言的一个快速预览,也是本书的第一部分快速预览. 本章之后,我们将主要关注javascript的基础知识.第二章我们讲解javascript的注释,分号和unicode字符集:第三章会更有意思,主要讲解javascript的变量和赋值 这里有一些实例代码说明前两章的重点内容. <script type="text/javascript"> //双斜杠之后之后的内容都于属于注释 //仔细阅读这里的注释,它将会对javascript代码做解释 // 变

第一章 : javaScript框架分类及主要功能

从内部架构和理念划分,目前JavaScript框架可以划分为5类. 第一种是以命名空间为导向的类库或框架,如果创建一个数组用new Array(),生成一个对象用new Object(),完全的java风格,因此,我们以某一对象为跟,不断为它添加对象和二级对象属性来组织代码,如金字塔般垒起来,早期代表YUI,EXT(so,不是有活力的公司都还用它们) 第二种是以类工厂为导向的框架.著名的有Prototype,还有mootools.Base2.Ten,它们基本上除了最基本的命名空间,其它模块都是一

JavaScript学习笔记(第一章——第三章)

说明 参考资料:<JavaScript高级程序设计(第3版)> 笔记主要为<JavaScript高级程序设计(第3版)>读书记录,按照此书的章节学习记录.方便以后查询复习(PS:正版书99大洋,没舍得买.在淘宝46买了一本盗版的并带一本 <JavaScript DOM编程艺术(第2版)>).两本书同时阅读,但以<JavaScript高级程序设计(第3版)>为主要学习路线.重要说明性内容将以近似书中原文摘出(以免出现个人解释歧义),外加自己遇到特殊情况说明(不

JavaScript第一章

学习了javascript第一章,对js有了初步的了解. 首先,javascript主要由三个部分组成:核心(ECMAScript).文档对象模型(DOM).浏览器对象模型(BOM) ECMAScript主要是用来提供核心语言,它包括语法.类型.语句.关键字.保留字.操作符以及对象.需要web浏览器等宿主环境提供基本的ECMAScript实现,同时宿主环境也可提供语言等. DOM是针对XML经过扩展后用于HTML的应用程序编程接口,它可以把整个页面映射为一个多层节点结构.借助于DOM,人们可以实

JavaScript权威指南读书笔记【第一章】

第一章 JavaScript概述 前端三大技能: HTML: 描述网页内容 CSS: 描述网页样式 JavaScript: 描述网页行为 特点:动态.弱类型.适合面向对象和函数式编程的风格 语法源自Java 一等函数来自Scheme 基于原型的继承来自于Self 名字和版本: JavaScript是由网景(Netscape)公司创建,“JavaScript”是Sun MicroSystem公司的注册商标,用来特指网景(Mozilla)对着门的实现. ECMAScript: 网景将这么语言作为标准

javascript高级程序设计 第一章--javascript简介

javascript高级程序设计 第一章--javascript简介Netscape开发的javascript最初的目的就是处理由服务器负责的一些输入验证操作,而在js问世之前,必须                    把表单数据发到服务器端用户才能得到反馈.如今的js不再局限于简单的数据验证,而且具备了与浏览器窗口及其内容等所有方面的交互能力,js已经发展成功能全面的面向客户端的编程语言.javascript由Netscape公司开发,原名Livescript,是为了迎合当时的java热,所