JavaScript笔记.docx
- 文档编号:2775825
- 上传时间:2022-11-15
- 格式:DOCX
- 页数:25
- 大小:27.91KB
JavaScript笔记.docx
《JavaScript笔记.docx》由会员分享,可在线阅读,更多相关《JavaScript笔记.docx(25页珍藏版)》请在冰豆网上搜索。
JavaScript笔记
Javascript笔记
插入JavaScript
与在网页中插入CSS的方式相似。
使用下面的代码可以在网页中插入JavaScript:
...
其中的...就是代码的内容。
JavaScript的插入位置不同,效果也会有所不同,还可以像CSS一样,将JavaScript保存成一个外部文件,这些内容会在下一节讨论。
用JavaScript在网页中输出内容
JavaScript使用document.write来输出内容。
例如
document.write("我是菜鸟我怕谁!
");
将会输出在网页上输出:
我是菜鸟我怕谁!
学过编程的人应该知道,“我是菜鸟我怕谁!
”两侧双引号代表字符串的意思。
不过不理解这个概念也无所谓,学到后面就知道什么时候应该加双引号,什么时候不需要加了。
对不支持JavaScript的浏览器隐藏代码
有些浏览器可能不支持JavaScript,我们可以使用如下的方法对它们隐藏JavaScript代码。
Body里的JavaScript
放在body部分的JavaScript脚本在网页读取到该语句的时候就会执行,例如:
--
document.write("我是菜鸟我怕谁!
");
//-->
Head里的JavaScript
在head部分的脚本在被调用的时候才会执行,例如:
....
添加外部JavaScript脚本
也可以像添加外部CSS一样添加外部JavaScript脚本文件,其后缀通常为.js。
例如:
如果很多网页都需要包含一段相同的代码,那么将这些代码写入一个外部JavaScript文件是最好的方法。
此后,任何一个需要该功能的网页,只需要引入这个js文件就可以了。
注意:
脚本文件里头不能再含有
---->里的内容对于不支持JavaScript的浏览器来说就等同于一段注释,而对于支持JavaScript的浏览器,这段代码仍然会执行。
至于“//”符号则是JavaScript里的注释符号,在这里添加它是为了防止JavaScript试图执行-->。
不过通常情况下,现在的浏览器几乎都支持JavaScript,即使是不支持的,也会了解如何合理地处理含有JavaScript的网页。
JavaScript语句
来看看我们之前例子。
--
document.write("我是菜鸟我怕谁!
");
//-->
例子中的document.write("我是菜鸟我怕谁!
");
就是一个JavaScript语句,它可以告诉浏览器做出一个特定任务。
特别的,这个语句是叫浏览器书写出一段内容。
我们已经知道,document.write的功能是输出文本,所以上面那个语句就是让浏览器输出“我是菜鸟我怕谁!
”。
在JavaScript中,一行的结束就被认定为语句的结束。
但是最好还是要在结尾加上一个分号“;”来表示语句的结束。
这是一个编程的好习惯,事实上在很多语言中句末的分号都是必须的。
JavaScript代码块(Blocks)
看看下面这个代码块
{
document.write("
Thisisaheader
");document.write("
Thisisaparagraph
");document.write("
Thisisanotherparagraph
");}
不就是几个两需的语句放在一起吗?
好像没什么特别啊?
没错,其实所谓的代码块,就是用大括号括起来的几个语句。
现在看来好像还没什么用……不过学到后面就有用啦。
单行注释
插入单行注释的符号是“//”
//我是注释,我是注释
document.write("我是菜鸟我怕谁?
");
多行注释
多行注释以"/*"开始,以"*/"结束。
/*
谁说菜鸟不会编程?
菜鸟不但会编程
还有书写注释的良好习惯
*/
document.write("我是菜鸟我怕谁?
");
相信你已经了解注释的作用了。
HTML的注释不会被浏览器作为HTML解释,CSS注释也不会被浏览器解释。
同理,JavaScript的注释也不会被执行。
注释的作用就是记录自己在编程时候的思路,以便以后自己阅读代码时可以马上找到思路。
同样,注释也有助于别人阅读自己书写的JavaScript代码。
总之书写注释是一个良好的编程习惯。
代数
在代数中,我们会遇到下面的基础问题,如果a的值为5,b的值为6,那么a与b的和是多少?
在这个问题中,我们就可以吧a和b看做变量,再设置一个变量c来保存a与b的和。
那么,上面的这个问题就可以用如下的JavaScript代码表示:
//计算a+b的和
a=5;//给变量a赋值
b=5;//给变量b赋值
c=a+b;//c为a+b的和
document.write(c);//输出c的值
执行结果:
10
术语:
变量名
在上面的例子中,我们用到了三个变量:
a,b,c。
这些都是变量的名字,在JavaScript中,我们需要用变量名来访问这个变量。
在JavaScript中,变量名有如下规定:
∙变量名区分大小写,A与a是两个不同变量。
∙变量名必须以字母或者下划线开头。
术语:
赋值
来看一个上面出现过的语句:
a=5;
这个语句怎么读出来呢?
“a等于5”?
对不起,不对。
应该是“让a等于5”,说得专业一点,这叫“给a赋值”。
我们之前已经提到过,a是变量,是可以变的,所以从某种角度来说,它不等于任何值,只是暂时的等于某个值。
来看下面这个例子,进一步熟悉一下赋值与等于的关系:
a=5;//让a等于5,a的值暂时等于5
a=6;//让a等于6,a的值暂时等于6
再次强调,如果JavaScript是你学习的第一门编程语言,一定要注意区分“等于”和“赋值”这两个不同的概念。
声明变量
vara;//声明一个变量a
a=5;//给变量赋值
其实在第一个例子中我们已经看到了,JavaScript中可以不声明变量直接赋值。
不过先声明变量是一个良好的编程习惯。
变量的数据类型
a=5,b=6,c=a+_b,天啊!
我可不是来学数学的。
别着急,往下看。
其实,在JavaScript中,变量是无所不能的容器,你可以吧任何东西存储在变量里,例如:
varquanNeng1=123;//数字
varquanNeng2="一二三"//字符串
其中,quanNeng2这个变量存储了一个字符串,字符串需要用一对引号括起来。
变量还可以存储更多的东西,例如数组,对象,布尔值等等,我们会在后面介绍这些内容。
操作符举例
看下面这段JavaScript代码。
c=a+b;
其中的"="和"+"都是操作符。
JavaScript中还有很多这样的操作符,例如,加减乘除是JavaScript中比较基本的几个操作符,它们的意义与在数学中没有什么差别。
JavaScript中最常见的操作符是赋值操作符“=”,上一节我们已经强调过,它不是等于。
操作符的优先级
我们都知道,在数学中,“a+b*c”这个式子中,惩罚将先于加法运算。
同样,在JavaScript中,这个式子会按相同的顺序执行。
我们称之为“优先级”,即“*”的优先级高于“+”。
与数学中一样,改变运算顺序的方法是添加括号,JavaScript中改变优先级的方法也是添加括号。
例如:
(a+b)*c
字符串的连接
在JavaScript中,“+”不知代表加法,同样也可以使用它来谅解两个字符串,例如:
example="乌"+ "龟";
在上面的例子中,example将包含“乌龟”这个字符串。
这是由于“+”完成了“乌”和“龟”的连接,当然了,你也可以把这种行为理解成字符串的加法。
自加一,自减一操作符
这里我们来看两个非常常用的运算符,自加一“++”;自减一“--”。
首先来看一个例子:
a=5;
a++;//a的值变为6
a--//a的值有变回5
上面的例子中,a++使得a的值在原来的基础上增加1,a--则让a在现在的基础上在减去1。
所以,其实“a++”也可以写成
“a=a+1”;//等同于a++
复合操作符
延续上面的例子,其实“a=a+1”还可以写成:
a+=1;//将a的值加1之后再赋给a
这样把运算和赋值结合到一起的操作符叫做符合操作符。
上面我们看到的是加法与赋值的结合,JavaScript中还有其它的符合运算符:
a+=b;//a=a+b
a-=b;//a=a-b
a*=b;//a=a*b
a/=b;//a=a/b
比较操作符
上一节的if语句中,我们用到了“==”符号。
它就是一个比较操作符,它表示的意思就是“相等吗?
”。
例如:
a==b表示:
“a与b的值相等吗?
”
在JavaScript中,这样的比较操作符有很多,下面就列出这些操作符以及它们的含义。
∙“>”——a大于b吗?
∙“<”——a小于b吗?
∙“>=”——a大于等于b吗?
∙“<=”——a小于等于b吗?
∙“==”——a等于b吗?
∙“!
=”——a不等于b吗?
逻辑操作符
数学里面的“a>b”在JavaScript中还表示为a>b;数学中的“b大于a,b小于c”是“a
对不起,JavaScript没有那么聪明,你需要这么写:
b>a&&a<b
你可能已经猜到了,“&&”是而且的意思。
if(条件1&&条件2)
{//代码}
只有条件1、2同时满足,代码才会得到执行。
类似的操作符还有“或者(||)”和“非(!
)”
if(条件1||条件2)
{//代码}
“||”表示或者的意思,只要条
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- JavaScript 笔记