W3cshool之JavaScript基础

1.  JavaScript 对大小写敏感

名为 "myfunction"的函数和名为 "myFunction" 的函数是两个不同的函数,同样,变量 "myVar" 和变量 "myvar" 也是不同的。

JavaScript对大小写敏感 - 所以当您创建或使用变量、对象及函数时,请注意字符的大小写。

2.  如何与老的浏览器打交道

那些不支持 JavaScript 的浏览器会把脚本作为页面的内容来显示。为了防止这种情况发生,我们可以使用这样的 HTML 注释标签:

<html>

<body>

<script type="text/javascript">

<!--

document.write("Hello World!");

//-->

</script>

</body>

</html>

注释行末尾的两个正斜杠是 JavaScript的注释符号,它会阻止 JavaScript编译器对这一行的编译。

3.  把 JavaScript放置到何处:head部分、body部分、外部JavaScript。

当页面载入时,会执行位于 body部分的 JavaScript。

当被调用时,位于 head部分的 JavaScript 才会被执行。

外部JavaScript:

<head>

<script src="xxx.js">....</script>

</head>

4.   JavaScript 变量

JavaScript变量名称的规则:

变量对大小写敏感(y和 Y 是两个不同的变量)

变量必须以字母或下划线开始

注意:如果您再次声明了 JavaScript 变量,该变量也不会丢失其原始值。如下例:

var x=5;

var x;

在以上语句执行后,变量 x 的值仍然是 5。在重新声明该变量时,x 的值不会被重置或清除。

5.  JavaScript 算术运算符

算术运算符用于执行变量与/或值之间的算术运算。给定 y=5,下面的表格解释了这些算术运算符:


运算符


描述


例子


结果


+



x=y+2


x=7


-



x=y-2


x=3


*



x=y*2


x=10


/



x=y/2


x=2.5


%


求余数 (保留整数)


x=y%2


x=1


++


累加


x=++y


x=6


--


递减


x=--y


x=4

6.  比较运算符

比较运算符在逻辑语句中使用,以测定变量或值是否相等。

给定 x=5,下面的表格解释了比较运算符:


运算符


描述


例子


==


等于


x==8 为 false


===


全等(值和类型)


x===5 为 true;x==="5" 为 false


!=


不等于


x!=8 为 true


>


大于


x>8 为 false


<


小于


x<8 为 true


>=


大于或等于


x>=8 为 false


<=


小于或等于


x<=8 为 true

7.  条件运算符

语法:variablename=(condition)?value1:value2

8.  JavaScript Switch 语句

如果希望选择执行若干代码块中的一个,你可以使用 switch语句:

语法:

switch(n){

case 1:

执行代码块 1

break

case 2:

执行代码块 2

break

default:

如果n即不是1也不是2,则执行此代码

}

工作原理:switch后面的 (n) 可以是表达式,也可以(并通常)是变量。这点没有java严格~~

9.  JavaScript 中创建三种消息框:警告框、确认框、提示框。

alert("文本");

confirm("文本");

prompt("文本","默认值");//如果用户点击确认,那么返回值为输入的值。如果用户点击取消,那么返回值为 null。

10. JavaScript 变量的生存期

局部变量(也称本地变量):当您在函数内声明了一个变量后,就只能在该函数中访问该变量。当退出该函数后,这个变量会被撤销。您可以在不同的函数中使用名称相同的本地变量,这是因为只有声明过变量的函数能够识别其中的每个变量。

全局变量:如果您在函数之外声明了一个变量,则页面上的所有函数都可以访问该变量。这些变量的生存期从声明它们之后开始,在页面关闭时结束。

11. JavaScript 有两种不同种类的循环:

for 将一段代码循环执行指定的次数

while 当指定的条件为 true 时循环执行代码

12. JavaScript For...In 声明

for...in 声明用于对数组或者对象的属性进行循环操作。

for...in 循环中的代码每执行一次,就会对数组的元素或者对象的属性进行一次操作。

例:使用 for ... in 循环遍历数组,注意跟java的区别。

<script type="text/javascript">

var x;

var mycars = new Array();

mycars[0] = "Saab";

mycars[1] = "Volvo";

mycars[2] = "BMW";

for (x in mycars){

document.write(mycars[x] + "<br />");

}

</script>

13. onload和onUnload事件

当用户进入或离开页面时就会触发 onload和 onUnload 事件。

onload 事件常用来检测访问者的浏览器类型和版本,然后根据这些信息载入特定版本的网页。

onload 和 onUnload 事件也常被用来处理用户进入或离开页面时所建立的 cookies。

14. JavaScript 特殊字符

反斜杠用来在文本字符串中插入省略号、换行符、引号和其他特殊字符。

下面的表格列出了其余的特殊字符,这些特殊字符都可以使用反斜杠来添加到文本字符串中:


代码


输出


\‘


单引号


\"


双引号


\&


和号


\\


反斜杠


\n


换行符


\r


回车符


\t


制表符


\b


退格符


\f


换页符

时间: 2024-08-05 22:24:13

W3cshool之JavaScript基础的相关文章

javascript入门书籍推荐《javascript基础教程》

前段时间看javascript高级教程的时候,发现很多基础的javascript概念,自己不懂. 网上搜了一下,看到大家对<javascript基础教程(第8版)>评价不错,买了一本. 作者: (美)Tom Negrino Dori Smith 译者: 陈剑瓯 柳靖 丛书名: 图灵程序设计丛书 出版社:人民邮电出版社 翻开看了后,受益匪浅,决定将这本书推荐给javascript的入门童鞋. 这本书的读者,要有一定的HTML基础,因为javascript基本都是对Dom的操作,所以,有一定的HT

js基础--javascript基础概念之语法

掌握一门语言 必须先掌握它的语法! javascript 的语法和C.Java.Perl 的语法有些相似.但是比它们更加宽松. javascript 中的一切都是严格区分大小写的.例如变量: demo 和 Demo 两个变量是完全不同的. javascript 标示符,所谓标示符 是指 变量.函数.属性 的名字或函数的参数.标示符的格式是按照以下规则组合的一个或多个字符. 1.第一个字符必须是字母,下划线,或 $ 符号. 2.其他字符可以是字母.下划线.$ . 或数字. 注意 不能把关键字 保留

Javascript.01 -- Javascript基础

Javascript基础 1 聊聊Javascript 1.1 Javascript的历史来源 94年网景公司   研发出世界上第一款浏览器. 95年 sun公司   java语言诞生 网景公司和sun合作. Java+script   ===> javascript 1.2 W3c规范 ?结构标准        html ?表现标准   css ?行为标准      js 1.3 JavaScript和ECMAScript的关系 ECMAScript是一种由Ecma国际前身为欧洲计算机制造商协

javascript基础学习(十五)

javascript之cookie 学习要点: cookie介绍 创建与获取cookie cookie的编码 cookie的生存期 cookie的路径 cookie的domain cookie的secure 一.cookie介绍 cookie实际上就是一些信息,这些信息以文件的形式存储在客户端计算机上.在javascript中,cookie主要用来保存状态,或用于识别身份. 二.创建与获取cookie 创建cookie的语法代码如下所示:document.cookie="name=value&q

javascript基础学习(八)

javascript之日期对象 学习要点: 日期对象 将日期对象转换为字符串 将日期对象中的日期和时间转换为字符串 日期对象中的日期 日期对象中的时间 设置日期对象中的日期 设置日期对象中的时间 与毫秒相关的方法 一.日期对象 在javascript中并没有日期型的数据类型,但是提供了一个日期对象可以操作日期和时间. 日期对象的创建: new Date(); 二.将日期对象转换为字符串 将日期对象转换为字符串可以使用以下4种方法: date.toString();//将日期对象转换为字符串时,采

javascript基础学习(二)

javascript的数据类型 学习要点: typeof操作符 五种简单数据类型:Undefined.String.Number.Null.Boolean 引用数据类型:数组和对象 一.typeof操作符 typeof操作符用来检测变量的数据类型,操作符可以操作变量也可以操作字面量. 对变量或值运用typeof操作符得到如下值: undefined----如果变量是Undefined类型: boolean-------如果变量是Boolean类型: number-------如果变量是Numbe

javascript基础语法——词法结构

× 目录 [1]java [2]定义 [3]大小写[4]保留字[5]注释[6]空白[7]分号 前面的话 javascript是一门简单的语言,也是一门复杂的语言.说它简单,是因为学会使用它只需片刻功夫:而说它复杂,是因为要真正掌握它则需要数年时间.实际上,前端工程师很大程度上就是指javascript工程师.前端入门容易精通难,说的是前端,更指的是javascript.本文是javascript基础语法的第一篇——词法结构 与java关系 关于javascript有这样一个说法,java和jav

Javascript基础知识5

不要把相等运算符(==)与赋值运算符(=)搞混. 以&&运算符隔开的两个条件中的前者为错,则不会检测第二个条件的真假.利用这一点,可以提高脚本的速度. 使用带switch的多个条件 if(button=="next") window.location = "next.html"; else if(button=="previous") window.location = "pre.html"; else if(

js基础--javascript基础概念之数组(二)

js基础--javascript基础概念之数组 数组栈方法 数组可以像栈一样.栈是一种先进后出的数据结构,最先添加的数据最后一个出来.栈方法添加数据也称为 推入  移除数据称为 弹出. js为数值栈方法提供了 push()   和  pop() ;  两个方法. push() push() 方法接受参数就是你要添加进入到数组的值.push()  方法会将他们逐一添加到数组的末尾  数组的length属性会跟着更新数据. *push(多个数组元素值) 返回的修改后的数组长度 var array =