JavaScript语句是发给浏览器的命令。这些命令的作用是告诉浏览器要做的事情。
1、JavaScript的输出:
假如需从JavaScript访问某个HTML元素,可以使用document.getElementById(id) 方法。使用 “id” 属性来标识 HTML 元素:
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p id = "demo">My First Paragraph</p>
<script>
document.getElementById("demo").innerHTML="My First JavaScript";
</script>
</body>
</html>
JavaScript 由 web 浏览器来执行。在这种情况下,浏览器将访问 id=”demo” 的 HTML 元素,并把它的内容(innerHTML)替换为 “My First JavaScript”。
使用 document.write() 仅仅向文档输出写内容。
如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖。
2、JavaScript的语句:
语句;
例如这样的代码块:
<script type="text/javascript">
alert("hello!");
</script>
其中的:
alert("hello!");
就是就是一个JavaScript语句。
一行的结束就被认定为语句的结束,通常在结尾加上一个分号”;”来表示语句的结束。
<script type="text/javascript">
document.write("I");
document.write("love");
document.write("you");
</script>
像这个代码块,就有三条语句,每句结束后都有”;”,需要强调的是这三条语句是按顺序执行的。
和其他的基本语言一样,语句的末尾的逗号是英文状态下的逗号。注意:
“;”分号要在英文状态下输入,同样,JS中的代码和符号都要在英文状态下输入。
虽然分号“;”也可以不写,但我们要养成编程的好习惯,记得在语句末尾写上分号。
3、JavaScript的注释:
和很多其他语言注释方法是一样的,在此不在赘述。
4、JavaScript的变量:
定义JavaScript的变量用到关键词var,语法如下:
var 变量名
JavaScript的变量名的命名规则如下:
1.变量必须使用字母、下划线(_)或者美元符($)开始。
2.然后可以使用任意多个英文字母、数字、下划线(_)或者美元符($)组成。
3.不能使用JavaScript关键词与JavaScript保留字。
1)JavaScript的变量要先声明再赋值;
2)JavaScript的变量可以重复赋值;
PS:
- 在JS中区分大小写,如变量mychar与myChar是不一样的,表示是两个变量。
- 变量虽然也可以不声明,直接使用,但不规范,需要先声明,后使用。
5、JavaScript的数据类型:
字符串、数字、布尔、数组、对象、Null、Undefined
①.字符串:
字符串是存储字符(比如 “YanCey Michael”)的变量。
字符串可以是引号中的任意文本。可以使用单引号或双引号:
var myName = "YanCey Michael";
var myName = 'YanCey Michael';
二者等价。
也可以在字符串中使用引号,只要不匹配包围字符串的引号即可:
var answer = "Nice to meet you!";
var answer = "He is called 'Bill'";
var answer = 'He is called "Bill"';
②.数字:
JavaScript 只有一种数字类型。数字可以带小数点,也可以不带:
var x1 = 34.00; //使用小数点来写
var x2 = 34; //不使用小数点来写
var y = 123e5; // 12300000
var z = 123e-5; // 0.00123
③.布尔:
布尔(逻辑)只能有两个值:true 或 false。
var x = true
var y = false
④.数组:
下面的代码创建名为 students 的数组:
var students = new Array();
students[0] = "Michael";
students[1] = "Jane";
students[2] = "Maria";
或者 (condensed array):
var students = new Array("Michael","Jane","Maria");
或者 (literal array):
var students = ["Michael","Jane","Maria"];
⑤.对象:
对象由花括号分隔。在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔:
var person = {firstname:"YanCey", lastname:"Michael", id:1208};
PS:JS中的对象有点类似于OC中的字典。当然这里已经不能说就是字典了,只是个人作为一个iOS的软件工程师,我用来对比记忆。
上面例子中的对象 (person) 有三个属性:firstname、lastname 以及 id。
当然有时候为了美观好看,也可以这样做书写格式的空格和转行
var person =
{
firstname: "YanCey",
lastname : "Michael",
id : 1208
};
对象属性有两种寻址方式:
var name = person.lastname;
var name = person["lastname"];
⑥.Undefined 和 Null
Undefined 这个值表示变量不含有值。
可以通过将变量的值设置为 null 来清空变量。
var person;
person = null;
6、对于JavaScript的变量声明变量类型
注意:声明新变量时,可以使用关键词 “new” 来声明其类型:
var carname = new String;
var x = new Number;
var y = new Boolean;
var cars = new Array;
var person = new Object;
JavaScript的变量均为对象。当声明一个变量时,就创建了一个新的对象。