@TOCJavaScript
JavaScript简介
JavaScript是一种解释性脚本语言,已经被广泛用于Web应用开发,通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。
JavaScript具有跨平台特性,在绝大多数浏览器的支持下,可以在多种平台下运行。
基本格式
JavaScript代码可以直接嵌入HTML页面,也可以写成单独的js文件(推荐)。
// 网页嵌入方式 注意不要遗漏<script> 标签
/*
HTML 代码不能写在<script> 标签内。
<script> 标签可以放在HTML页面的 <body> 和 <head> 标签中。
*/
<script>
function demo() {
// 获取当前时间
var currDate = new Date();
// 控制台输出信息
console.log(date);
/*
注意 : 1. JavaScript 不要求语句结束必须加分号,建议语句结束时添加分号。
2.同一行写多条语句时,语句结束时必须添加分号;同样建议一行不写多条语句。
*/
// 通过ID获取HTML页面的控件对象,并设置其color 属性为红色。
document.getElementById("tag_id").style.color="red";
// 通过name值获取HTML页面的控件对象(可能会获取多个对象),并设置其color 属性为红色。
document.getElementsByName("tag_name").style.color="red";
}
</script>
- 单独js文件格式
在JS文件中可以直接定义JavaScript 代码,不需要 script 标签
创建demo.js 文件
// JavaScript 中有5 中不同的数据类型
/* string number boolean object funnction */
var str = "This is String";
var num = 9527;
var fun = function() {};
// 3 种对象类型
/* object date array */
// 创建一个空数组 (两种方式)
var arr = new Array();
var arr1 = [];
// 创建指定长度的数组
var arr2 = new Array(10);
// 创建指定内容的数组
var arr3 = new Array(1,2,3,"demoArray");
var arr4 = [1,2,3,"demoArray"];
// 2 个不包含任何值的数据类型
/* null undefined */
var nul = null;
// undefined :表示 未定义变量
// null :表示 变量为空(指针)
注意使用外部JS文件时需要使用下方标签引入js文件,注意src 属性表示JS文件所在路径。
<script language=javascript src='demo.js'></script>