1.JS用法
head和body中的JS:在<srcipt></script>标签中使用;
外部的JS:可以将JS功能写到单独的文件中,然后通过<script src="....js"></script> 引用
2.JS输出
使用 window.alert() 弹出警告框。
使用 document.write() 方法将内容写到 HTML 文档中。
使用 innerHTML 写入到 HTML 元素。
使用 console.log() 写入到浏览器的控制台。
3.JS语法
3.1字面量
数组(Array)字面量 定义一个数组:
[40, 100, 1, 5, 25, 10]
对象(Object)字面量 定义一个对象:
{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}
函数(Function)字面量 定义一个函数:
function myFunction(a, b) { return a * b;}
3.2变量
用var定义变量
3.3数据类型
1.类型:
在 JavaScript 中有 6 种不同的数据类型:
--string
--number
--boolean
--object
--function
--symbol
3 种对象类型:
--Object
--Date
--Array
2 个不包含任何值的数据类型:
--null
--undefined
2.创建方法:
数字:var n=11
字符串: var s="string"
数组:var t=[ ]
······
3.类型转换:
转成字符串:①String(num);② num.toString;
转成数字:Number(string/date/bool)
更多日期转字符串的方法:JavaScript Date 对象 | 菜鸟教程 (runoob.com)
更多数字转字符串方法:JavaScript Number 对象 | 菜鸟教程 (runoob.com)
4.JS语句
分号分隔语句,/ 对语句进行折行。
语句标识符不能作为变量名使用:
5.JS对象
1.对象定义:
所有事物都可以成为对象,如:
var person = {
firstName: "John",
lastName : "Doe",
id : 5566,
fullName : function() {
return this.firstName + " " + this.lastName; }
};
2.对象属性:
方法1:person.firstName
方法2:person["firstName"]
3.对象方法:
对象的方法作为属性储存,对象方法后面加()时引用该方法 person.fullName(),不加时作为属性引用
document.getElementById("demo").innerHTML = person.fullName();
》John Doe
document.getElementById("demo").innerHTML = person.fullName;
》 function() { return this.firstName + " " + this.lastName; } };