`
有崖生110
  • 浏览: 53442 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

js变量、运算符和条件语句用法

    博客分类:
  • js
 
阅读更多

就像前面说的,js是在客户端运行的,JavaScript 语句是发给浏览器的命令。这些命令的作用是告诉浏览器要做的事情。

它的单行和多行注释和java是一样的。木有发现它有文档注释。。。

单行://        多行:/*        */


js变量:

js的变量很有意思,大家都知道变量是存储信息的容器。在js中,变量用于保存数值或者表达式。

在js 中创建变量经常被称为“声明”变量。js比较特殊的是,你对它未声明的变量进行赋值,那么它会自动声明。如:

x=5;

carname="Volvo"; //在为变量赋文本值时,需要为该值加引号


等价于:

var x=5;

var carname="Volvo";

注:var可以对任何类型对象进行声明。


JavaScript 变量名称的规则:

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

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

注释:由于 JavaScript 对大小写敏感,变量名也对大小写敏感。



还有点意思的是,对js变量重新声明,它的值不会变,如:

x=5;

var x;

x的值还是5,但是在其他语言的编译器中重新声明可能就报错了。。。当然,如果你重新声明顺带赋值那肯定会变,如:


x=5;

var x=6;那x值就变成6了。



js运算符:

因为js有自动声明的功能,所以它可以随便做加减乘除的运算。


给定 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


给定 x=10 和 y=5,下面的表格解释了赋值运算符:


运算符 例子 等价于 结果
= x=y x=5
+= x+=y x=x+y x=15
-= x-=y x=x-y x=5
*= x*=y x=x*y x=50
/= x/=y x=x/y x=2
%= x%=y x=x%y x=0


+ 运算符用于把文本值或字符串变量加起来(连接起来)。

如需把两个或多个字符串变量连接起来,使用 + 运算符。

如果把数字与字符串相加,结果将成为字符串。



比较和逻辑运算符用于测试 true 或 false。

给定 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




给定 x=6 以及 y=3,下表解释了逻辑运算符:

运算符 描述 例子
&& and (x < 10 && y > 1) 为 true
|| or (x==5 || y==5) 为 false
! not !(x==y) 为 true
js中也有条件运算符,跟java3元运算符一个样。。。。
greeting=(visitor=="PRES")?"Dear President ":"Dear ";


js的条件语句:

跟java基本一样,直接上代码。

if


<script type="text/javascript">

var d=new Date()
var time=d.getHours()

if (time<10) 
{
document.write("<b>Good morning</b>")
}
</script>

if...else


<script type="text/javascript">

var d = new Date()
var time = d.getHours()

if (time < 10) 
{
document.write("Good morning!")
}
else
{
document.write("Good day!")
}
</script>

if...else...if


<script type="text/javascript">

var d = new Date()
var time = d.getHours()

if (time<10)
{
document.write("<b>Good morning</b>")
}
else if (time>10 && time<16)
{
document.write("<b>Good day</b>")
}
else
{
document.write("<b>Hello World!</b>")
}
</script>

switch


<script type="text/javascript">

var d=new Date()
theDay=d.getDay()

switch (theDay)
   {
   case 5:
     document.write("Finally Friday")
     break
   case 6:
     document.write("Super Saturday")
     break
   case 0:
     document.write("Sleepy Sunday")
     break
   default:
     document.write("I'm looking forward to this weekend!")
}
</script>
分享到:
评论

相关推荐

    01 JavaScript基本语法.ppt

    理解变量、数据类型和运算符 JavaScript 中声明变量:var 变量名 "+"可以用于两个数相加,还可以用于连接字符串 parseInt() 和 parseFloat() 函数将字符串分别转换为整型和小数 运算符号分为算术运算符、比较运算符...

    javascript文档

    &= 运算符 对变量和表达式执行按位“与”运算,结果赋给变量。 && 运算符 对两个表达式执行逻辑连接运算。 * 运算符 将两个表达式的值相乘。 *= 运算符 将变量与表达式的值相乘,结果赋给变量。 + 运算符 将两个...

    02 函数与事件.ppt

    理解变量、数据类型和运算符 JavaScript 中声明变量:var 变量名 "+"可以用于两个数相加,还可以用于连接字符串 parseInt() 和 parseFloat() 函数将字符串分别转换为整型和小数 运算符号分为算术运算符、比较运算符...

    JavaScript核心技术 PDF扫描版

    不仅介绍了最新的JavaScript知识和方向,还完全覆盖了当今Web开发中关于JavaScript的所有重要话题,它使用了大量实例代码,图文并茂地讲解了使用JavaScript的各个层次和领域的内容。它不是一本参考手册,但却是一本...

    微软JavaScript手册

    &= 运算符 对变量和表达式执行按位“与”运算,结果赋给变量。 && 运算符 对两个表达式执行逻辑连接运算。 * 运算符 将两个表达式的值相乘。 *= 运算符 将变量与表达式的值相乘,结果赋给变量。 + 运算符 将两个...

    Telerik:特里里克学院

    Telerik学院项目 ### ### 文字档案 字符串和文字处理 团队项目 考试准备 ###面向对象编程 定义类-第一部分 定义类-第二部分 扩展方法,代表,Lambda,LINQ ...条件语句 循环 数组 职能 使用物件 弦乐 实用考试准备

    js中将多个语句写成一个语句的两种方法小结

    Javascript 中将多个语句写成一个语句的两种方法小结 一、使用逗号运算符将多个语句写成一个语句  1.一次声明多个变量  var i=1,j=1,k=1  2.多个语句用逗号间隔  i=1,j=i+2,k=j+2  二、使用花括号将多个语句写...

    JScript 语言参考

    &= 运算符 对变量和表达式执行按位“与”运算,结果赋给变量。 && 运算符 对两个表达式执行逻辑连接运算。 * 运算符 将两个表达式的值相乘。 *= 运算符 将变量与表达式的值相乘,结果赋给变量。 + 运算符 将两个...

    精通JavaScript

    • 1.3.js 1.3.htm使用的外部JavaScript文件 第2章(\第2章) • 2.1.htm Infinity应用 • 2.2.htm NaN与isNaN()的用法 • 2.3.htm Infinity值的用法 • 2.4.htm 转义字符的使用 ...

    JavaScript权威指南(第6版)(附源码)

    8.7 函数属性、方法和构造函数 8.8 函数式编程 第9章 类和模块 9.1 类和原型 9.2 类和构造函数 9.3 JavaScript中Java式的类继承 9.4 类的扩充 9.5 类和类型 9.6 JavaScript中的面向对象技术 9.7 子类 9.8 ...

    JavaScript权威指南(第6版)中文版pdf+源代码

     8.7 函数属性、方法和构造函数188  8.8 函数式编程194  第9章 类和模块201  9.1 类和原型202  9.2 类和构造函数203  9.3 JavaScript中Java式的类继承207  9.4 类的扩充210  9.5 类和类型212  9.6 ...

    javascript语言参考+教程 CHM

    条件编译变量; 在浏览器中显示信息; 使用消息框; 语言参考; 特性信息; Microsoft JScript 特性 - ECMA; Microsoft JScript 特性 - 非-ECMA; JScript 字母顺序的关健字列表; JScript 错误; JScript 运行时...

    前端开发开发入门技巧点以及教程知识点总结.docx

    前端开发入门阶段,需要掌握的关键知识点主要包括以下几个方面: ... ...DOCTYPE&gt;, , , 等元素。...学习JavaScript基本语法,包括变量、数据类型、运算符、条件语句、循环、函数定义和调用等。 掌握DOM操作,如获取

    JavaScript 权威指南(第四版).pdf

     8.7 函数属性、方法和构造函数188  8.8 函数式编程194  第9章 类和模块201  9.1 类和原型202  9.2 类和构造函数203  9.3 JavaScript中Java式的类继承207  9.4 类的扩充210  9.5 类和类型212  9.6 ...

    JavaScript权威指南(第6版)

    8.7 函数属性、方法和构造函数 8.8 函数式编程 第9章 类和模块 9.1 类和原型 9.2 类和构造函数 9.3 JavaScript中Java式的类继承 9.4 类的扩充 9.5 类和类型 9.6 JavaScript中的面向对象技术 9.7 子类 9.8 ECMAScript...

    JavaScript权威指南(第6版)(中文版)

    8.7 函数属性、方法和构造函数 8.8 函数式编程 第9章 类和模块 9.1 类和原型 9.2 类和构造函数 9.3 JavaScript中Java式的类继承 9.4 类的扩充 9.5 类和类型 9.6 JavaScript中的面向对象技术 9.7 子类 9.8 ECMAScript...

    JavaScript基础和实例代码

    7.3.2 常见方法和属性汇总 7.4 Screen对象 7.4.1 获取客户端屏幕信息 7.4.2 定位窗口到指定位置 7.4.3 常见属性和方法汇总 7.5 History对象 7.5.1 使用back()和forward()方法进行站点导航 7.5.2 使用go()方法进行...

    javascript高级教程

    javascript高级教程 1、运算符  运算符就是完成操和的一系列符号,它有七类:  赋值运算符(=,+=,-=,*=,/=,%=)、算术运算符(+,-,*,/,++,--)、比较运算符(&gt;,&lt;,,&gt;=,==,===,!=)、逻辑运算符(||,&&,!)、条件运算(?:)...

    JavaScript详解(第2版)

     13.2.4 JavaScript对象方法和事件   13.3 处理窗口事件或框架事件   13.3.1 onLoad和onUnLoad事件   13.3.2 onFocus和onBlur事件函数   13.3.3 onResize事件处理函数   13.4 鼠标事件处理   ...

Global site tag (gtag.js) - Google Analytics