javascript基础-01

一、运算符

(1)算术运算符( + - * / %)

说明:加、减、乘、除、求余,其中%是求余运算

例:var total = (1 + 4) * 5;

var i = 100;

var temp = (i – 20) / 2;

alert(“10”+ 20) //return 1020;

alert(10 + 20) //return 30;

(2)后增量/后减量运算符 ++ ,--

例:var i = 10;

var a = i++;

// i = i + 1; alert(a);

(3)比较运算符 ( >, <, >=, <=, ==, !=,===,!== )

例:alert ( 10 > 5 );//outputs true var i = 100;

var n = 100;

alert(i == n);//outputs true;

alert(i != n);//outputs false;

alert(i === n) //数据类型,值相等

(4)逻辑运算符( &&, || , !)

说明:&& : 逻辑与

|| : 逻辑或

! :逻辑非

例:var i = 8;

alert ( i<5 && i<10); //outputs false alert

( i > 100 || i < 10); //outputs true alert

(!(10 > 5)); //outputs false

二、程序流程控制

(1)条件语句 if

语法: if(condition) statements1 else statement2

例: if(10 > 5){

alert(“hello world”);

}

var i = 90; if(i > 100){

alert(i + “大于100”);

}

else if(i > 80){

alert(i + “大于80”);

}

else{

alert(i + “小于100”);

}

(2)switch 语句

语法: switch (expression){

case value:

//statement

break;

case value:

//statement

break;

default:

//statement

}

例: var i = 25;

switch(i){

case 25:

alert(i + "等于 25");

break;

case 100:

alert(100);

break;

default:

alert(‘other’);

}

三、循环语句

(1)While

语法: while (exp) {

//statements;

}

说明: while (变量<=结束值) { 需执行的代码 }

例: var i = 1;

while(i < 3){

alert(i);

i++;

}

练习:用js计算从1累加到100的总和。

 1 <head>
 2         <meta charset="UTF-8">
 3         <title></title>
 4         <script type="text/javascript">
 5             //循环语句
 6             //从1累加到100的总和
 7             var j = 0;
 8             var i = 1;
 9             while (i <= 100) {
10                 j = j + i;
11                 i++;
12             }
13             document.write(j + "<br />");
14         </script>
15     </head>
时间: 2024-08-05 05:43:40

javascript基础-01的相关文章

javascript基础01

Javascript能做些什么? 给予页面灵魂,让页面可以动起来,包括动态的数据,动态的标签,动态的样式等等. 如实现到轮播图.拖拽.放大镜等,而动态的数据就好比不像没有js页面一样,把全部内容都 写在页面一股的加载到页面上,而是达到某个条件才把需要的内容加载进去,如瀑布流图片, 动态的标签,就好比一个聊天框,你一条话语,别人一条话语,而这些语段都被标签包住,让后 添加到页面,动态样式就如轮播图的现实效果,我们都知道css实现轮播图是margin或别的属性 让图片运动起来,而动态样式就可以不断改

JavaScript基础系列目录(2014.06.01~2014.06.08)

下列文章,转载请亲注明链接出处,谢谢! 链接地址: http://www.cnblogs.com/ttcc/tag/JavaScript%20%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86%20%E6%80%BB%E7%BB%93/ 1. Javascript基础---语法(待完成) 2. JavaScript基础---数据类型(待完成) 3. JavaScript基础---Array数组(待完成) 4. JavaScript基础---正则表达式(待完成) 5. Jav

JAVASCRIPT基础08-购物车(01)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <ti

JavaScript基础入门 - 01

JavaScript入门 - 01 准备工作 在正式的学习JavaScript之前,我们先来学习一些小工具,帮助我们更好的学习和理解后面的内容. js代码位置 首先是如何编写JavaScript代码,说到这,我们首先要来说明一个需要新人们关注的点,因为我们的js是一门跨平台的语言,所以说,我们的代码可以运行在不同的平台之上.这也就导致了可能相同的代码放在不同的平台运行就会有所出入. 这里面说的平台其实被称之为宿主环境. 同时,代码在不同的平台上的运行方式也有所不同. 如果运行在服务端,那么更多的

javascript基础入门之js中的数据类型与数据转换01

javascript基础入门之js中的数据结构与数据转换01 js的组成(ECMAScript.BOM.DOM)        js中的打印语句:        数据类型        变量        运算符        数据类型转换        js中三大特殊值 js的组成(ECMAScript.BOM.DOM) ①ECMAScript: ECMAScript是一个标准,它规定了语法.类型.语句.关键字.保留子.操作符.对象.(相当于法律):②BOM(浏览器对象模型):对浏览器窗口进行

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基础篇小结 字数9973 阅读3975 评论7 喜欢28 转载请声明出处 博客原文 随手翻阅以前的学习笔记,顺便整理一下放在这里,方便自己复习,也希望你有也有帮助吧 第一课时 入门基础 知识点: 操作系统就是个应用程序 只要是应用程序都要占用物理内存 浏览器本身也是一个应用程序 浏览器本身只懂得解析HTML 调用浏览器这个应用程序的一个功能绘制 1.javascript介绍 JavaScript操作DOM的本质是=获取+触发+改变 目的:就是用来操作内存中的DOM节点 修改D

JAVASCRIPT基础09-购物车(02)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <ti

JAVASCRIPT基础05-对象

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <ti