JavaScript基础知识

JavaScript

JavaScript是脚本语言，是一种解释性脚本语言，是一种轻量级的编程语言

作用：为网页添加各式各样的动态功能；为用户提供更流畅美观的浏览效果

JavaScript显示数据

1.使用Windows.alert()弹出框

<script>
	window.alert("Hello Js");
</script>

2.使用document.write

<script>
	document.wirte("Hello document");
</script>

3.使用document.getElementById(“id值”).innerHTML写入页面

<script>
	document.getElementById("id值").innerHTML = "";
</script>

4.console.log写入浏览器控制台

<script>
	console.log("Hello World");
</script>

JavaScript变量

声明变量的关键字：var

语法：var 变量名称；

var myName;
myName = 'Wwing';
var x = 5;
var y = 5;
var z = x*y;

变量命名规则：

• 变量必须以字母开头
• 变量也能以$和_符号开头
• 变量名称对大小写敏感(y和Y是不同的变量)
• 不能使用关键字保留字

变量的命名规范

• 见名知意
• 最好使用驼峰式命名方法

JavaScript数据类型

值类型

1.字符串String

字符串是存储字符的变量，字符串可以是引号中的任意文本，必须使用单引号或者双引号

var gameName = "PUBG";
//注意引号的嵌套
var gameId = "我的游戏ID是'Wwing'";

2.数字Number

JavaScript只有一种数字类型，可以带小数点，也可以不带

var myMoney = 6666.5;

3.Boolean类型

var isSingle = false;
var isSingle = true;

4.空Null

var telphone = null;

5.未定义Undefined

//变量声明但没有赋值
var obj;
alert(obj);
//获取对象中不存在的属性时
var obj;
alert(obj.name);
//函数需要实参，但是调用时没有传值，形参是undeifned
//函数调用没有返回值或者return后没有数据，接收函数返回的变量是undefined
function printNum(num){
    alert(num);
}
var result = printNum();
alert(result);

JavaScript对象

JavaScript中的String对象

var str = "我喜欢看NBA，我最喜欢的球星是'三旬老汉'詹姆斯";
    console.log(str);
    console.log("字符串的长度=" + str.length);

JavaScript中的Array对象

//声明数组

var names = new Array();
    names[0] = "詹姆斯";
    names[1] = "科比";
    names[2] = "欧文";
    names[3] = "东契奇";
    for (var i = 0; i < names.length; i++) {
      document.write(names[i] + "<br/>");
    }

var cars = ["奥迪","GTR","兰博基尼"];

var classes = new Array("1班","2班","3班");

//获取数组长度
var len = 数组名.length;

JavaScript中的Date对象

var date1 = new date();//获取当前日期
var date2 = new Date(milliseconds);//从1970年1月1日向后推动xxxx毫秒
var date3 = new Date(dateString);//字符串类型的时间
var date4 = new Date(year,month,day,hours,minute,seconds,milliseconds);

JavaScript自定义函数

自定义函数语法

function 自定义函数名称(参数列表){
    //函数体
}

JavaScript自定义对象

var student = {
    name : "Wwing",
    age : 18,
    height : 185
}

Window对象属性

属性	描述
document	对Document对象的只读引用
history	对History对象的只读引用
location	用于窗口或框架的Location对象
name	设置或返回窗口的名称