JavaScript笔记
1、HTML中的JavaScript代码:
<script type="text/javascript">
// <![CDATA[
// ]]>
</script>
2、HTML中引入JS文件:
<script type="text/javascript" src="my-script.js"></script>
3、JavaScript注释方法:
<script type="text/javascript">
// 可以注释单行
/*
可以注释部分代码
*/
</script>
4、变量定义:
<script type="text/javascript">
var string;
var array=['a','b'];
</script>
5、数组使用:
// 两种声名数组的不同方式,
// 字面:
var fruit = ['apple', 'lemon', 'banana'];
// 使用数组构造器:
var fruit = new Array('apple', 'lemon', 'banana');
fruit[0]; // 访问数组中的第一个数据项 (apple)
fruit[1]; // 访问数组中的第二个数据项 (lemon)
fruit[2]; // 访问数组中的第三个数据项 (banana)
6、对象的声明:
// 两种声明对象的不同方式,
// 字面(大括号):
var profile = {
name: 'Li',
age: 23,
job: 'Web Developer'
};
// 适用对象构造器:
var profile = new Object();
profile.name = 'Li';
profile.age = 23;
profile.job = 'Web Developer';
7、基本语句:
if/else、switch/case、for、while、do/while、break、continue、return
8、通过ID获取单个ID的属性及操作——getElementById():
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>JavaScript!</title>
</head>
<body>
<p id="intro">My first paragraph...</p>
<ul>
<li>List item 1</li>
<li>List item 1</li>
<li>List item 1</li>
<li>List item 1</li>
<li>List item 1</li>
</ul>
<script type="text/javascript">
// <![CDATA[
// ]]>
</script>
</body>
</html>
这里我们想获取intro 的属性以及对它进行操作时,必须先获取ID,创建DOM节点
var allUnorderedLists = document.getElementsById('intro');
9、获取某个标签的属性及操作—— getElementsByTagName():
var allUnorderedLists = document.getElementsByTagName('ul');