- JavaScript(简称:JS) 是一门跨平台、面向对象的脚本语言,用来控制网页行为的,实现人机交互效果。
JavaScript和Java是完全不同的语言,但是基础语法类似。 - 组成
ECMAScript:规定了JS基础语法核心知识。
BOM:浏览器对象模型
DOM:文档对象模型
JS引入方式:
写在html文件< body> js语句 < /body>中。
1.1.写法1:
行内方式:特点是写在标签属性事件上
例:
< button id="bth" onclick=""alert(’行内方式‘)
“>点我1.2.写法2:内部方式(推荐写在body结束标签前),写在< s
rcipt>js代码< /script>标签内部
例:
< script>
alert('内部方式');//页面加载到这里就会立刻运行
< /script >1.3.写法3:外部方式(推荐),写在< srcipt src="外部文件路径">标签内部
1.3.1.创建js文件,在js文件中写需要输出的js语句(例:alert("外部方式"))建议在文件夹下创建一个新的文件单独放js语句文件。
1.3.2.写完js文件在html文件书写。
例:< srcipt src="js文件路径">< /srcipt>2.js-基本语法-输出语句
例:
< script>//1.写入浏览器的body区域 document.write('< h1>document:hello js</h1 >'); //2.弹出框 window.alert('弹出框:hello js') //document.title="hello world"; //3.控制台 console.log('console:hello js'); //4.定义变量 //var 是定义变量的关键字,ES5之前的定义变量关键字 var a = 10; var A = 20; alert(a+ "," +A);//区分大小写 //5.注稀 //单行注稀 /* 多行注稀*/ //6.代码块,可以划定代码区域 { let b=20;//ES6 定义变量关键字 //代码块里面定义变量,只能在代码块里面使用 document.writeln("代码块里面变量b="+b+"<br / >") } document.writeln("代码块里面变量b="+b+"<br />")//alt+B进入浏览器右键/检查中可查看报错
< /script >
3.js-基础语法-变量
< script>// 1.变量声明 let a=10; a=20;//变量的值声明初始化后还可以继续修改 let b="123"; let c=true;
// 注意定义规则
//变量名不能以数字开头、关键字
//2.常量声明
//一旦初始化以后不能修改
const PI=3.14;
PI =3.15;运行查看浏览器源代码就会报错
console.log(PI);
< /script>
4.js基础教学-数据类型
4.1.JavaScript的数据类型分为基本数据类型和引用数据类型(对象)
4.1.1.基本数据类型:
number:数字
boolean:布尔值
null:空
undefined:没有定义变量,该变量默认值是 undefined
string:字符串