当前位置:文档之家› JavaScript基础教程1

JavaScript基础教程1


当自增和自减参与运算时++x为先自增再参与运算,而x++为先参与运算再自增
var x = 5,y; y = 2+ ++x; alert("x=" + x); alert("y=" + y);
X=6 Y=8
var x = 5,y; y =2+ x ++; alert(“x=" + x); alert("y=" + y);
1)单行注释。格式:// Comments 2)多行注释。格式:/* Comments... */
单行注释 //注释内容
多行注释 /*注释内容*/

变量( variable ),言外之意即是可变的,用来存储程序所需的数 据。 声明一个变量的语法: 我的名字叫“翠花” var <variable_name> ;//变量名须为有效标识符 今年16岁 如: string name; int age;
]
实例1-14
常用的算数运算符:
下表显示了 C# 支持的所有算术运算符。假设变量 A 的值为 10,变量 B 的值为 20,则:
自增和自减
x++和++x都是将x的值加1 var x = 5; ++x; alert(“x=" + x); var x = 5; x++; alert (“x=" + x); var x = 5; x=x+1; alert (“x=" + x);
通过这一节课,可以使 听众对js脚本语言基本结 构和语法有一个概括性 的认识。
JavaScript是一种基于对象(内置了许多对象)和事件驱动并具有相对安全性的客户 端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言,常用来给HTML网 页添加动态功能,比如响应用户的各种操作。
不同于服务器端脚本语言,例如PHP与ASP,JavaScript是客户端脚本语言,也 就是说JavaScript是在用户的浏览器上运行,不需要服务器的支持而可以独立运 行。 JavaScript是一种脚本语言,其源代码在发往客户端运行之前不需经过编 译,而是将文本格式的字符代码发送给浏览器由浏览器解释运行。解释语言的弱 点是安全性较差,而且在JavaScript中,如果一条运行不了,那么下面的语言也 无法运行,并且速度较慢。
在执行过以下语句后,变量 carname 的值将是 undefined: var carname;
实例1-13
var name = "[ 小明"; //合并字符串 name = name + " 20岁"; name = name + " 男生 ]"; alert (name);//[ 小明 20岁 男生
如需向变量赋值,请使用等号: carname="Volvo"; 不过,您也可以在声明变量时对其赋值: var carname="Volvo";
在下面的例子中,我们创建了名为 carname 的变量,并向其赋值 "Volvo",然后把它 放入 id="demo" 的 HTML 段落中:
<p id="demo"></p> var carname="Volvo"; document.getElementById("demo").innerHTML=carname;
右表列出了 js中的 部分保留关键字 (Reserved Keywords)
下表列出了 js中的部分保留关键字(Reserved Keywords)
• • •
注释就是写在源代码中的描述信息,用来帮助开发人员阅读源代码的。 注释信息会在编译过程中自动过滤掉,不会出现在程序集中。 JS支持的注释格式:
实例1-18
常用的逻辑运算符:
下表显示了 js支持的所有逻辑运算符。假设变量 A 为布尔值 true,变量 B 为布尔值 false,则:
常用的逻辑运算符:
var a = true; var b = true; document.write("如果a = true,b = true <br>"); document.write("a&&b的值为"+(a&&b)+"<br>"); document.write("a||b的值为"+(a&&b)+"<p>"); a = true; b = false; document.write("如果a = true,b = false <br>"); document.write("a&&b的值为"+(a&&b)+"<br>"); document.write("a||b的值为"+(a&&b)+"<p>"); a = false; b = false; document.write("如果a = false,b = false <br>"); document.write("a&&b的值为"+(a&&b)+"<br>"); document.write("a||b的值为"+(a&&b)+"<p>"); 实例1-19
/* 改变 a 和 b 的值 */
a = 5; b = 20; if (a <= b) { alert ("4 - a 小于或等于 b"); } if (b >= a) { alert ("5 - b 大于或等于 a"); } 实例1-17
==和===区别(!=和!==区别相同) ==:先进行类型转换,再比较类型和值。(值相等,类型不同,则为true) ===:不进行类型转换,比较类型和值。(值相等,类型相同,才为true)
X=6 Y=7 实例1-16
常用的关系运算符:
下表显示了 C# 支持的所有 关系运算符。假设变量 A 的 值为 10,变量 B 的值为 20, 则:
为bool类型的值,取值为 true 或者false
常用的关系运算符:
var a = 21; var b = 10; 为bool类型的值,其值为false if (a == b) { alert(“a 等于 b"); } else { alert (“a 不等于 b"); } if (a < b) { alert (“a 小于 b"); } else { alert (“a 不小于 b"); } if (a > b) { alert ("3 - a 大于 b"); } else { alert ("3 - a 不大于 b"); }
声明并初始化一个变量: var <variable_name> = value; 如: var name=“翠花”; var age=16;
实例1-11
JavaScript 变量还能保存其他数据类型,比如文本值 (name="Bill Gates")。 在 JavaScript 中,类似 "Bill Gates" 这样一条文本被称为字符串。 JavaScript 变量有很多种类型,但是现在,我们只关注数字和字符串。 当您向变量分配文本值时,应该用双引号或单引号包围这个值。 当您向变量赋的值是数值时,不要使用引号。如果您用引号包围数值,该值会被作为文本来处理。
实例1-13
一条语句,多个变量 您可以在一条语句中声明很多变量。该语句以 var 开头,并使用逗号分隔变量即可:
var name="Gates", age=56, job="CEO"; 声明也可横跨多行: var name="Gates", age=56, job="CEO";
实例1-13
Value = undefined 在计算机程序中,经常会声明无值的变量。未使用值来声明的变量,其值实际上是 undefined。
实例1-3
(2)在超链接中定义 语法: <a href="javascript:js脚本代码" >超链接</a> 示例: 效果:
实例1-4
2、一个简单的JavaScript的例子 (1)嵌入到HTML文件中
实例1-5
如需从 JavaScript 访问某个 HTML 元素,您可以使用 document.getElementById(id) 方法。 请使用 "id" 属性来标识 HTML 元素: 通过指定的 id 来访问 HTML 元素,并改变其内容:
实例1-23
写到文档输出 下面的例子直接把 <p> 元素写到 HTML 文档输出中:
实例1-24
• 标识符是指标识某一个东西的一个名字符号 • 比如:变量名,类型名,参数名等等。
• • • • • • •
1.标识符中可以含有字母 、数字 、下划线_ 、$符号 2.标识符不能以数字开头 3.标识符不能是js中的关键字或保
(1)嵌入HTML文件中 一般放在<head></head>(事实上可以放在任何位置)中,格式: <script type="text/javascript"> //此处为JavaScript代码 </script>
相关主题