js学习01——函数、输出、语法、数据类型

js学习01——函数、输出、语法、数据类型

---

一、JavaScript是什么？

1、JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。

2、JavaScript 是属于网络的脚本语言！

3、JavaScript 是因特网上最流行的脚本语言。

二、为什么学习 JavaScript?

1、HTML 定义了网页的内容

2、CSS 描述了网页的布局

3、JavaScript 网页的行为

三、基本用法

1、改变值

<p id="demo">
JavaScript 能改变 HTML 元素的内容。
</p>
<script>
function myFunction()//定义函数
{
	x=document.getElementById("demo");  // 找到元素
	x.innerHTML="Hello JavaScript!";    // 改变内容
}
</script>
<button type="button" onclick="myFunction()">点击这里</button>

运行截图：

2、输出

/* 
使用 window.alert() 弹出警告框。
使用 document.write() 方法将内容写到 HTML 文档中。
使用 innerHTML 写入到 HTML 元素。
使用 console.log() 写入到浏览器的控制台。
 */

<script>
window.alert(5 + 6);
</script>

<script>
document.write(Date());
</script>

<p id="demo">我的第一个段落</p>
<script>
document.getElementById("demo").innerHTML = "段落已修改。";
</script>

<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>

3、语法

<script>

document.getElementById("demo").innerHTML = 'John Doe';
/* 字符串（String）字面量 可以使用单引号或双引号 */

document.getElementById("demo").innerHTML = 123e5;
/* 数字（Number）字面量 可以是整数或者是小数，或者是科学计数(e) */

document.getElementById("demo").innerHTML = 5 * 10;
/* 表达式字面量 用于计算 */

function myFunction(a, b) {
    return a * b;                                // 返回 a 乘以 b 的结果
} 
/* 引用一个函数 = 调用函数(执行函数内的语句) */

var x=[40, 100, 1, 5, 25, 10] 
/* 数组（Array）字面量 定义一个数组 */

var length = 16;                                  // Number 通过数字字面量赋值 
var points = x * 10;                              // Number 通过表达式字面量赋值
var lastName = "Johnson";                         // String 通过字符串字面量赋值
var cars = ["Saab", "Volvo", "BMW"];              // Array  通过数组字面量赋值
var person = {firstName:"John", lastName:"Doe"};  // Object 通过对象字面量赋值 

</script>

4、数据类型

//值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol。
//引用数据类型：对象(Object)、数组(Array)、函数(Function)。

//数组定义
<script>
var i;
var cars = new Array();
cars[0] = "Saab";
cars[1] = "Volvo";
cars[2] = "BMW";

for (i=0;i<cars.length;i++)
{
document.write(cars[i] + "，");
}
</script>