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 |
换页符 |
W3cshool之JavaScript基础的更多相关文章
- JavaScript基础
JavaScript基础 JavaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,所以在浏览器上按照JavaScript语言的规则编写相应代码之,浏览器可以解释并做出相应的处 ...
- 一步步学习javascript基础篇(0):开篇索引
索引: 一步步学习javascript基础篇(1):基本概念 一步步学习javascript基础篇(2):作用域和作用域链 一步步学习javascript基础篇(3):Object.Function等 ...
- 前端之JavaScript基础
前端之JavaScript基础 本节内容 JS概述 JS基础语法 JS循环控制 ECMA对象 BOM对象 DOM对象 1. JS概述 1.1. javascript历史 1992年Nombas开发出C ...
- 一步步学习javascript基础篇(3):Object、Function等引用类型
我们在<一步步学习javascript基础篇(1):基本概念>中简单的介绍了五种基本数据类型Undefined.Null.Boolean.Number和String.今天我们主要介绍下复杂 ...
- Javascript基础回顾 之(三) 面向对象
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
- Javascript基础回顾 之(二) 作用域
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
- Javascript基础回顾 之(一) 类型
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
- JavaScript 基础回顾——对象
JavaScript是基于对象的解释性语言,全部数据都是对象.在 JavaScript 中并没有 class 的概念,但是可以通过对象和类的模拟来实现面向对象编程. 1.对象 在JavaScript中 ...
- javascript基础01
javascript基础01 Javascript能做些什么? 给予页面灵魂,让页面可以动起来,包括动态的数据,动态的标签,动态的样式等等. 如实现到轮播图.拖拽.放大镜等,而动态的数据就好比不像没有 ...
随机推荐
- BZOJ4532: [BeiJing2014 WinterCamp] 珠链
Description Alex喜欢玩网络游戏,认为这是智力和体力的综合锻炼.在一次游戏活动中,他意外获得了一个传说中威力极其强大的法宝:珠链. 珠链,顾名思义,就是由许多小珠子串起来的一条链.珠子 ...
- 'Could not load NIB in bundle: 'NSBundle xxx/storeFlix.app> ' with name 'UIViewController-w6Q-ra-j06' and directory 'StoreFlixIpad.storyboardc
1.此代码是从 git clone xxx 下载的. 2.使用 sourcetree 下载即可解决此问题.
- win7 64位DCOM配置(关于导出excel 配置计算机组件服务)(转)
http://blog.sina.com.cn/s/blog_9323b3a50101qrxm.html [解决方案1] 1:在服务器上安装office的Excel软件. 2:在"开始&qu ...
- Node.js的DES加解密和MD5加密
最基本的就是经常用的md5加密算法 代码如下 var MD5=function (data) { var _encrymd5 = require('crypto').createHas ...
- CentOS7 网络管理相关命令
contos7 网卡配置文件自动识别ifcfg开头的文件(包括目录) CentOS7网卡命名规则: CentOS 7 开始对于网卡的编号则有另一套规则, 网卡的界面代号现在与网卡的来源有关,基本上的网 ...
- SQL sp_executesql【转】
execute相信大家都用的用熟了,简写为exec,除了用来执行存储过程,一般都用来执行动态Sql sp_executesql,sql2005中引入的新的系统存储过程,也是用来处理动态sql的, 如: ...
- PHP filesystem attack vectors
http://www.ush.it/2009/02/08/php-filesystem-attack-vectors/ On Apr 07, 2008 I spoke with Kuza55 and ...
- 括号配对nyoj2(疑问)
描述现在,有一行括号序列,请你检查这行括号是否配对. 输入 第一行输入一个数N(0<N<=100),表示有N组测试数据.后面的N行输入多组输入数据,每组输入数据都是一个字符串S(S的长 ...
- Java程序设计 实验二 Java面向对象程序设计
北京电子科技学院(BESTI) 实 验 报 告 课程:Java程序设计 班级:1353 姓名:李海空 学号:20135329 成绩: 指导教师:娄嘉鹏 ...
- Nginx + php-fpm 执行 PHP 脚本超时 报错 502 Bad Gateway + 504 Gateway Time-out 的解决办法
上周写好的发送邮件的计划任务只发送了一部分,检查计划任务日志,发现 502 Bad Gateway 的错误(已经在脚本中设置了 set_time_limit(0)). 后来在网上查找资料,可以通过以下 ...