《javascript高级程序设计》第二、三章知识点整理

第二章知识点总结

1.<script>在html中的使用

主要功能:在页面中嵌入javascript代码或包含外部javascript文件。

常用属性:

type:用于定义脚步代码的语言类型,默认为text/javascript。

src:包含外部域的javascript文件。

defer:表示脚本会在整个页面加载完毕之后运行,只对外部文件有效,最好只包含一个延迟脚本。

async:脚本在不妨碍其他操作的情况下立即下载(不保证下载文件的顺序)。

插入位置:在页面<body>标签页面内容之后,可以保证js加载不会影响页面的显示。

2.javascript代码块在页面中的兼容问题

解决方法:

<script type=”text/javascript”>

//<![cdata [

document. write(“hello world”);

//]]

</script>

第三章知识点总结

1.定义变量的使用注意事项

javascript的变量是松散型的,就是可以保存任何类型的数据。定义变量时常常使用var。var一般只能用来定义局部变量,在函数内部使用函数结束后变量就会被销毁。变量名对字母大小写敏感,定义变量名的时候要避开js中的关键词和保留词。

2.数据类型

typeof是用于检测变量数据类型的一种手段。

  1. Undefined 表示未初始化的变量,实际操作中未定义的变量typepf也返回这个值。
  2. Null 表示一个空对象指针。
  3. Boolean 只有两个值true和false,各种类型数据都可以转化成Boolean
  4. Number 数值型数据,
    • 数值范围:1.797e+308至5e-324
    • 非数值:NaN。不和任何值相等包括自己。
    • 数值转化函数:parseInt()
  1. String 字符串型变量
  • 字符串可以由单引号或双引号表示,不过一个字符串变量的前后符合必须一致。
  • Ecmascript中的字符串是不可变的,一旦创建值就不允许改变。
  • 转化为字符串的常用函数:toString()。
  1. Object 对象

3.操作符

  1. 一元操作符

递增递减操作符:分为前置型和后置型,前置型变量的值是在语句被求值前改变的,后置则相反。

  1. 位操作符

位操作符用于最基本的层次上,即按照内存表示的数值的位来操作

                    常见的运算符


~


按位非,按位取反


&


按位与


|


按位或


^


异或,相同为0不同为1


<<


左移


>>


有符号右移


>>>


无符号右移

  1. 布尔型操作符

    逻辑与(&&)、逻辑或(||)、逻辑非(!)

  1. 乘性操作符、加性运算符

    加(+)、减(-)、乘(*)、除(/)、求余(%)

  1. 关系操作符

>


大于


>=


大于或等于


<


小于


<=


小于或等于


==


等于


!=


不等于


===


全等,值和数据类型都相等


!==


不全等

  1. 条件操作符(a>b?c:d)

4.语句

  1. if语句

if(condition)

statement1

else

statement2

  1. do-while语句

do{

statement1

}while(expression)

  1. while语句

while(expression)statement

  1. for语句

for(initialization;expression;post-loop-expression)

{

statement

}

  1. for-in语句

for(property in expression) statement

  1. break和continue语句

区别:break强制退出循环执行循环后面的语句。

Continue结束本次循环进入下一次循环。

  1. switch语句

switch(i)

case  value1:statement1;

break;

case  value2:statement3;

break;

case  value3:statement3;

break;

default:statement;

5.函数

ECMAScript中函数用function关键字来声明,不限制参数的个数和参数的数据类型,不能重载。

      学习心得

通过这一下午对这本书的学习,简要的了解了js的发展历程并且对兼容性和DOM有了基本概念,最主要的是对HTML中<script>标签的使用和注意事项有所认识,对在页面中嵌入代码的实际操作有所认识。同时温习了js中的数据类型和操作符。并且对js中的常用语句也能做了进一步的认识。结合上午对svn,对139邮箱的产品使用,这一天下来也有很多收获,下一步将继续合理使用这本书,尽快将js的知识形成一个系统化的体系。

《javascript高级程序设计》第二、三章知识点整理

时间: 2024-12-19 13:22:09

《javascript高级程序设计》第二、三章知识点整理的相关文章

Javascript高级程序设计——第三章:基本概念

javascript高级程序设计——第三章:基本概念 一.语法 EMCA-262通过叫做ECMAScript的“伪语言”为我们描述了javascript实现的基本概念 javascript借鉴了C的语法,区分大小写,标示符以字母.下划线.或美元符号($)开头,注释可以用 // 或者/* */ 严格模式: ECMAScript 5引入了严格模式,在严格模式下不确定的行为将得到处理,通过在顶部添加 “use strict”来启用严格模式: function fuc(){ "use strict&qu

Javascript高级程序设计——第三章:函数

函数Function 通过函数封装多条语句,在任何地方执行.javascript函数不会重载,相同名字函数,名字属于后定义的函数通过function关键词声明. function functionName(arguments){ statement; } 函数会在执行return语句后停止并退出.return语句之后的任何代码不会被执行. function say(){ return “hay”; alert("hay"); //永远不执行 } return后不带返回值的会返回unde

Javascript高级程序设计 -- 第三章 -- 总结

1.Javascript有几种数据类型 2.变量 Javascript有几种数据类型 JavaScript中有5种简单数据类型(也称为基本数据类型):Undefined.Null.Boolean.Number和String.还有1种复杂数据类型——Object,Object本质上是由一组无序的名值对组成的.

Javascript高级程序设计——第三章:基本概念(二)

相等操作符: 相等==:这个操作符会先转换操作数,强制类型转换,然后再比较他们的相等性. null == undefined //true NaN == NaN //false"5" == 5 //true 全等===: 全等不会发生强制类型转变,同时会比较类型. "5" === 5 //falsenull === undefined //false 条件操作符varible = boolean_expression ? true_value : false_val

javascript高级程序设计第三章

看后总结: 1.区分大小写 2.标识符是有字母下划线$开头,并有字母.下划线.数字.美元符号组成. 3.建议用驼峰法命名标识符. 4.注释: 单行:// 多行: /*   */ 5.严格模式: 在js文件顶部或者函数的顶部使用"use strict":,将开启严格模式(ECMA 5.0引入) 6.每条语句结尾加分号 7.ECMA的变量是松散类型,就是可以保持任何类型的数据.

javascript高级程序设计--第三章

3.1.4--严格模式 严格模式: "use strick" "use strick " if (10 > 6) console.log("ok"); 3.1.5--语句 要养成写分号的编程习惯,否则代码行结尾处没有分号很容易导致代码压缩错误 var sum = 1 + 2 //有效,但不推荐 var diff = 3 + 3; //有效---推荐 3.3-- variable 分为全局变量和局部变量1.局部变量当函数被调用时,就会创建变量

javascript高级程序设计 第十三章--事件

javascript高级程序设计 第十三章--事件js与HTML的交互就是通过事件实现的,事件就是文档或浏览器窗口中发生的一些特定的交互瞬间. 事件流:事件流描述的是从页面中接收事件的顺序,IE的是事件冒泡流,Netscape的是事件捕获流,这个两个是完全相反的事件流概念. 事件冒泡:由最具体的元素接收,然后逐级向上传播到更高级的节点,即事件沿DOM树向上传播,直到document对象. 事件捕获:不大具体的节点应该更早接收到事件,相当于沿DOM节点树向下级传播直到事件的实际目标,在浏览器中,是

javascript高级程序设计 第十一章--DOM扩展

javascript高级程序设计 第十一章--DOM扩展DOM最主要的扩展就是选择符API.HTML5和Element Traversal Selectors API:定义了两个方法 querySelector() 和 querySelectorAll(),能够基于CSS选择符从DOM中取得元素.querySelector()方法接收一个CSS选择符,返回该模式匹配的第一个元素,querySelectorAll()接收的参数一样,但是返回NodeList实例: matchesSelector()

《javascript高级程序设计》第八章知识点

1.window对象: 由于window对象同时扮演着ECMAScript中Global对象的角色,因此全局作用域中的变量,函数都会成为window对象的属性和方法. 如果页面中包含框架,则每个框架都有自己的window对象,保存在frames集合中可以通过数值索引,从0开始,从左至右,由上至下. 系统对话框: alert()         显示带有一段消息和一个确认按钮的警告框 confirm()    显示带有一段消息以及确认按钮和取消按钮的对话框. prompt()    显示可提示用户