第一个script程序---hello world
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
//最后在页面上输出hello world
document.write('hello world')
</script>
</body>
</html>
外部引用
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script src="helloworld.js"></script>
</body>
</html>
下面为helloworld.js的代码
document.write("hello world")
是可插入 HTML 页面的编程代码。
用来与Web页面进行交互的脚本语言
document.write(string)
会将参数内的字符串,写到body中,write是document的一个函数方法,通过 . 来调用,小括号内是参数
特点:弱类型
JS(JavaScript Native)的组成:ECMAScript Bom Dom
<script>标签可以放在body里也可以放到head里。将script放在头部,会让网页中html标签滞后加载,是用户感觉到卡顿。通常做法是放在body的最后面,而且script会对html中的标签元素进行操作,
当需要操作的html元素未被加载出来前,过早加载script标签会使代码报错或失效。
变量variable
变量就是一个符号,用来代表一个或者一组数据
变量的声明,var a;(在ES6中还有其他声明方式,class,const,let。通过var 声明的变量在解析过程中有变量声明提升,会提前解析,导致即使先调用,后申明
,也不会出问题,这里希望读者养成良好习惯,先声明变量,在对变量进行调用和操作,避免以后出现麻烦)
特点:松散类型的,所谓松散类型,就是可以用来保存任何类型的数据
ECMAScript中有5中简单数据类型 (也称基本类型)和一种复杂数据类型。
基本类型 (Undefined, Null, Boolean, Number, String)
复杂类型 (Object):它是由无序的“键值对”(key-value)组成
学好JS一定要先打好基础,往往看似概念性的东西,才是一门知识的本质