下定决心，好好过一天 ~
JavaScript
第一个JavaScript程序试手
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<script>
function displayDate(){
x = document.getElementById("demo");
x.innerHTML = Date();
x.style.color = '#ff0000';
}
function changeImage(){
element = document.getElementById('lazy')
console.log(element.src);
console.log(element.src.match('1.jpg'));
if(element.src.match('1.jpg')) //判断src属性中有没有这个字符串
{
element.src = './2.jpg'; //改变其属性
}
else
{
element.src = './1.jpg';
}
}
function Alert(){
alert(document.getElementById('123').value);
}
</script>
<body>
<h1>下定决心，好好过一天 ~</h1>
<p id="demo">(＾－＾)V</p>
<button type="button" onclick="displayDate()">显示日期</button>
<img id = 'lazy' src="./2.jpg" alt="123" onclick="changeImage()" width="100" height="100">
<input type="text" id = '123'>
<button type="button" onclick="Alert()">点击这里</button>
</body>
</html>
Chrome 浏览器中执行 JavaScript
Console 窗口调试 JavaScript 代码
清空 Console 窗口到内容可以按以下按钮：
Chrome snippets 小脚本
JavaScript 输出
JavaScript 没有任何打印或者输出的函数。
JavaScript 可以通过不同的方式来输出数据：
1.使用 window.alert() 弹出警告框。
2.使用 document.write() 方法将内容写到 HTML 文档中。
3.使用 innerHTML 写入到 HTML 元素。
4.使用 console.log() 写入到浏览器的控制台。
JavaScript 语法
JavaScript 是一个脚本语言。
它是一个轻量级，但功能强大的编程语言。
JavaScript 字面量与变量
在编程语言中，一般固定值称为字面量：
数字（Number）字面量，字符串（String）字面量，表达式字面量，数组（Array）字面量，对象（Object）字面量，函数（Function）字面量。
在编程语言中，变量用于存储数据值。
JavaScript 使用关键字 var 来定义变量， 使用等号来为变量赋值：
变量通常是可变的。字面量是一个恒定的值。（变量是一个名称。字面量是一个值）
JavaScript 字符集
JavaScript 使用 Unicode 字符集。
Unicode 覆盖了所有的字符，包含标点等字符。
JavaScript 语句
空格
JavaScript 会忽略多余的空格。您可以向脚本添加空格，来提高其可读性。下面的两行代码是等效的：
var person="runoob";
var person = "runoob";
对代码行进行折行
您可以在文本字符串中使用反斜杠对代码行进行换行
document.write("你好 \
世界!");
JavaScript 变量
一条语句，多个变量
声明也可横跨多行：
var lastname="Doe",
age=30,
job="carpenter";
在计算机程序中，经常会声明无值的变量。未使用值来声明的变量，其值实际上是 undefined
重新声明 JavaScript 变量
如果重新声明 JavaScript 变量，该变量的值不会丢失：
在以下两条语句执行后，变量 carname 的值依然是 “Volvo”：
var carname="Volvo";
var carname;
在 2015 年以前，我们使用 var 关键字来声明 JavaScript 变量。
在 2015 后的 JavaScript 版本 (ES6) 允许我们使用 const 关键字来定义一个常量，使用 let 关键字定义的限定范围内作用域的变量
JavaScript 数据类型
值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol。
引用数据类型：对象(Object)、数组(Array)、函数(Function)
Symbol 是 ES6 引入了一种新的原始数据类型，表示独一无二的值
JavaScript 数组
var cars=new Array();
cars[0]="Saab";
cars[1]="Volvo";
cars[2]="BMW";
var cars=new Array("Saab","Volvo","BMW");
var cars=["Saab","Volvo","BMW"];
JavaScript 对象
对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔：
var person={firstname:"John", lastname:"Doe", id:5566};
对象属性有两种寻址方式
name=person.lastname;
name=person["lastname"];
声明变量类型
当您声明新变量时，可以使用关键词 “new” 来声明其类型：
var carname=new String;
var x= new Number;
var y= new Boolean;
var cars= new Array;
var person= new Object;
JavaScript 变量均为对象。当您声明一个变量时，就创建了一个新的对象。
JavaScript 对象
在 JavaScript中，几乎所有的事物都是对象。
对象也是一个变量，但对象可以包含多个值（多个变量），每个值以 name:value 对呈现。
var car = {name:"Fiat", model:500, color:"white"};
JavaScript 对象是变量的容器。
可以说 “JavaScript 对象是变量的容器”。
但是，我们通常认为 “JavaScript 对象是键值对的容器”。
键值对通常写法为 name : value (键与值以冒号分割)。
键值对在 JavaScript 对象通常称为 对象属性。
访问对象属性
你可以通过两种方式访问对象属性:
person.lastName;
person["lastName"];
对象方法
对象的方法定义了一个函数，并作为对象的属性存储。
对象方法通过添加 () 调用 (作为一个函数)。
name = person.fullName(); //访问方法
name = person.fullName; // 访问属性
访问对象方法
你可以使用以下语法创建对象方法：
methodName : function() {
// 代码
}
有多种方式可以创建，使用和修改 JavaScript 对象。
同样也有多种方式用来创建，使用和修改属性和方法。
下定决心，好好过一天 ~
扫一扫
1482
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
