Javascript学习笔记(二)javascript的特点

。。对于网页而言,Javascript无处不在,对于英语不好的人它简直是噩梦般的存在,但形式所逼,今天开始着手学习!希望自己能坚持下去。
从什么地方着手,我的目标是从大处着眼,从应用着眼,不抠细节,反正细节也记不住,到用到的时候在抠。
尽管编程是外行,也积累了一些常识,所以就从javascript的特点开始学习。

一、什么是Javascript?
JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有相对安全性客户端脚本语言。
这个定义非常好,几乎涵盖了Javascript的特点。

1、Javascript是脚本语言
脚本(Script)是一种纯文本保存的程序,脚本简单地说就是一条条的文字命令,脚本程序在执行时,需要一个解释器,将其一条条的翻译成机器可识别的指令,并按程序顺序执行。Javascript脚本的解释器叫Javascript解释器,它包含在浏览器中,由于浏览器的种类和版本不同,解释出来的东西也有区别,为了让大部分浏览器都能解释我们编写的脚步,目前我们不得不针对不同浏览器编写不同的脚本,所以很多时候Javascript是啰里啰嗦的。Javascript是顺序的解释性语言,它不像C,JAVA那样需要先编译。
跨平台:JavaScript依赖于浏览器本身,JavaScript跨平台,是因为主流浏览器有JavaScript解释器。

2、基于对象
基于对象,这个说法挺有趣,现在还有人在讨论Javascript是不是面向对象的语言,因为它的语法中没有class(类)。我们就把它理解成一种特殊的面向对象编程(OOP)语言吧,在 JavaScript 中,对象无处不在,几乎所有的东西都是对象,字符串、数值、数组、函数,日期,Boolean,RegExp(正则表达式),Null也是一个对象。对象是拥有属性和方法的数据。内建对象可以直接使用其属性和方法,是不是很方便呢?

3、事件驱动
JavaScript与HTML之间的交互是通过事件实现的,当我们与浏览器中 Web 页面进行某些类型的交互时(如点击按钮,鼠标滑过),事件就发生了。事件是发生在DOM上的,是DOM的重要组成部分,通过使用 JavaScript ,可以监听特定事件(DOM事件)的发生,并规定这些事件做出什么响应。

4、相对安全
JavaScript不被允许访问本地的硬盘,且不能将数据存入服务器,不允许对网络文档进行修改和删除,只能通过浏览器实现信息浏览或动态交互。从而有效地防止数据的丢失或对系统的非法访问。

二.JavaScript能做什么
JavaScript 被数百万计的网页用来改变样式、验证表单、检测浏览器、创建cookies,制作网页特效(如漂浮、滚动、滑动门等等),万年历,在线编辑器,js游戏, 同服务器进行数据交互(AJAX)......

三、JavaScript 三个组成部分
核心(ECMAScript)
文档对象模型(DOM)
浏览器对象模型(BOM)

ECMAScript 描述了以下内容:

  • 语法
  • 类型
  • 语句
  • 关键字
  • 保留字
  • 运算符
  • 对象

ECMAScript 仅仅是一个描述,定义了脚本语言的所有属性、方法和对象

DOM(文档对象模型)是 HTML 和 XML 的应用程序接口(API)。DOM 将把整个页面规划成由节点层级构成的文档。HTML 或 XML 页面的每个部分都是一个节点的衍生物。DOM 通过创建树来表示文档,从而使开发者对文档的内容和结构具有空前的控制力。用 DOM API 可以轻松地删除、添加和替换节点。

浏览器对象模型(BOM)

BOM 主要处理浏览器窗口和框架,不过通常浏览器特定的 JavaScript 扩展都被看做 BOM 的一部分。这些扩展包括:

  • 弹出新的浏览器窗口
  • 移动、关闭浏览器窗口以及调整窗口大小
  • 提供 Web 浏览器详细信息的定位对象
  • 提供用户屏幕分辨率详细信息的屏幕对象
  • 对 cookie 的支持
  • IE 扩展了 BOM,加入了 ActiveXObject 类,可以通过 JavaScript 实例化 ActiveX 对象

由于没有相关的 BOM 标准,每种浏览器都有自己的 BOM 实现。

时间: 2024-10-15 12:07:27

Javascript学习笔记(二)javascript的特点的相关文章

javascript学习笔记(二)

一.javascript的放置.注释.输出工具 1.输出工具 a.alert():属于window中的全局函数.无论写入什么,都以字符串形式输出. b.document.write():向网页输出内容. c.var vlaue=prompt("显示内容","文本框显示内容")value为返回值:弹出一个输入框,接收参数. <script> alert(123); document.write("<h1>周静文</h1>&

前端乱煮之javascript学习笔记二

1 javascript的隐式转换规则: 若有布尔类型,则将它转换为数值进行比较. 若有NaN,一律返回false 若是字符串,则分为三种情况:对方为字符串就直接比较,对方为数值,则将字符串转化为数值,若对方为对象,则将对象用toString()的方法进行转换,然后再比较.最后,若是其他,则一律返回false. 若是数字,如果对方是对象,用valueOf()进行比较,其余一律返回false null 和defined不会进行类型转换,但是二者相等. 2 javascript中的break和con

JavaScript学习笔记一 JavaScript是什么能干什么

一JavaScript是什么 JavaScript 是一种解释型的脚本语言,可以插入 HTML 页面,并由所浏览器解释执行. 二JavaScript能干什么 ①向HTML 添加新内容 document.write("<h1>This is a heading</h1>"); document.write("<p>This is a paragraph</p>"); 注意:在 HTML 输出过程中使用 document.

Javascript 学习 笔记二

1.查找HTML元素 通常,通过 JavaScript,您需要操作HTML 元素. 为了做到这件事情,您必须首先找到该元素.有三种方法来做这件事: 通过id找到HTML元素(本例查找 id="intro" 元素) var x=document.getElementById("intro"); 通过标签名找到HTML元素(本例查找 id="main" 的元素,然后查找 "main" 中的所有 <p> 元素) var

JavaScript学习笔记二:在HTML中使用JS

1. <script>元素的6个属性:async.defer.charset.language.src.type. 其中只有src最为常用,其他的使用缺省值即可. 2. 通过<script>元素引用外部文件示例: 1 <script src="example.js"></script> 注: a. 为了符合html规范以及浏览器的兼容性,尽量不要写成下面的样式. 1 <script src="example.js"

JavaScript学习笔记(3)——JavaScript与HTML的组合方式

一.JavaScript可以写在HTML页面内部,通过<script>标签,如下面代码中的粗体部分: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> console.log("hello World!"

JavaScript学习笔记(10)——JavaScript语法之操作DOM

1.页面输出用document.write()方法,但是不可以在window.onload中用,否则整个html页面将被覆盖. 2.通过javascript获取对象后,改变对象中的html内容:document.getElementById(id).innerHTML=new HTML. 3.改变对象的属性:document.getElementById(id).attribute=new value. 4.改变对象的css属性:document.getElementById(id).style

JavaScript学习笔记(6)——JavaScript语法之对象

JavaScript 中的所有事物都是对象:字符串.数字.数组.日期,等等. 在 JavaScript 中,对象是拥有属性和方法的数据. 属性是与对象相关的值. 方法是能够在对象上执行的动作. 提示:在面向对象的语言中,属性和方法常被称为对象的成员. 访问对象属性的语法是: objectName.propertyName 您可以通过下面的语法调用方法: objectName.methodName()

JavaScript学习笔记(5)——JavaScript语法之数据类型

JavaScript 拥有动态类型.这意味着相同的变量可用作不同的类型: var x // x 为 undefined var x = 6; // x 为数字 var x = "Bill"; // x 为字符串 1.字符串:字符串可以是引号中的任意文本.可以使用单引号或双引号. 2.数字:JavaScript 只有一种数字类型.数字可以带小数点,也可以不带.极大或极小的数字可以通过科学(指数)计数法来书写: var y=123e5; // 12300000 var z=123e-5;

JavaScript学习笔记(7)——JavaScript语法之函数

函数就是包裹在花括号中的代码块,前面使用了关键词 function: function functionname() { //这里是要执行的代码 } 当调用该函数时,会执行函数内的代码. 可以在某事件发生时直接调用函数(比如当用户点击按钮时),并且可由 JavaScript 在任何位置进行调用. 提示:JavaScript 对大小写敏感.关键词 function 必须是小写的,并且必须以与函数名称相同的大小写来调用函数. 在调用函数时,您可以向其传递值,这些值被称为参数. 这些参数可以在函数中使