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');







你可能感兴趣的:(JavaScript)