ECMAScriptji基础语言、webAPIs(DOM页面文档对象模型、BOM浏览器对象模型)
作用:网页特效、表单验证、数据交互、服务端变成(node.js)。
ECMAScriptji:变量等。
dom:操作文档,页面元素的移动大小添加删除登
bom:操作浏览器,比如页面弹窗、检测窗口宽度、储存数据到浏览器登。
网站:MDN
js书写位置:行内、内部(底部)、外部(my.js)
// 提示框
alert('你好');
// 多行注释
/*alert('你好')
alert('你好')
alert('你好')*/
// 结束符用英文分号,可加可不加,可以不加
// 输入输出效果。alert以及prompt跳过渲染页面先被展示
document.write('文档输出内容')
document.write('<h1>.你好</h1>')//加标题的
alert('要输出的内容')
console.log('控制台打印,程序员调试')
prompt('对话框输入')
//[]数组{}对象
// 变量
// 1.存储数据的容器,盒子。
// 2.变量名数字\英文,下划线,$,且不能以数字开头有,严格区分大小写,不能使用关键字let\var\if\for等
// 3.var 出现过的变量名可以重复声明,变量提升\全局变量\没有块级作用域.有bug
//创建变量名
// 1.let 变量名=数值,变量名=数值
// 2.console.log(bianliang 1,biangliang2))
// 3.let 数组名=[shuju1,shuju2,shuju3];
// eg:let name=['小明','小红','小丽']
// console.log(name[0])
let age=18
alert(age)
console.log(age)
let uname=+prompt('对话框输入')//强制类型展缓为数字
document.write(uname)
// 常量
// 1.使用const
// 2.一旦声明不能改变,不允许再次赋值
// 3.声明就必须赋初值
const pi=3.14
document.write(pi)
//数据类型(弱数据)
// 加减乘除以及取余,if语句等和c语言一样
// 1.基本数据类型:
// number:数字(整数\小数\NaN\负数);
// boolean:布尔.true/false
// null:空;大小写不一样
// undefined:未初始化变量时为未定义
// string:字符串,单引号\双引号\反引号
// 反引号拼接:console.log(`我是${name}`);隶属于模板字符串
// +号也是拼接的效果
// 引用数据类型: object:对象
// 检测数据类型:typeof运算符
// typeof a
// 数据转换
// 1.显示转换:console.log(number('123'))
// 2.隐式转换:自动转换
// 3. parseInt(数据);只保留整数
// parseFloat(数据);只保留小数
//函数
// 1.function 函数名(参数1,参数2){};具名函数
// function(){};匿名函数
// lat fn=function(){
// console.log('我是函数表达式')
// }
// fn()
// 立即执行
// (function(){console.log(11)})()
// 2. 函数表达式
// let add=function(a,b){
// return a+b
// }
// 箭头函数
// let add=(a,b)=>{
// return a+b
// }
// 对象相当于结构体吧_属性方法组成_无序的
// 1.let 对象名={
// 属性名:属性值,
// 属性名:属性值
// }
// let 对象名=new Object()
let obj={
'uname':pink老师,
age:18,
gender:'女',
// 方法,在对象外叫函数
sayhi:function(x,y){
console.log(x+y)
}
}
console.log(obj.uname)
// 改
obj.gender='男'
// 增加
obj.hobby='足球'
// 查_对象名['属性名']
console.log(obj['uname'])
// 方法调用:对象名.方法名
obj.sayhi(1,2)
//遍历对象
for(let k in obj){//在这种形式的for内需要用[]
console.log(k)//打印属性名默认,'age',有引号
console.log(obj[k])//打印属性值
console.log(obj['uname'])
}
// 数学函数
// Math.random();[0,1)等等
// 0-10随机数:
Math.floor(Math.random()*(10+1))
let arr=['red','green','blue']
let random= Math.floor(Math.random()*arr.length)
//n-m随机数
Math.floor(Math.random()*(M-N+1))+N
//arr.push数组添加元素
//arr.splice(起始下标,删除几个元素)删除元素
//快捷键alt+上下键可以上下移动
//值类型:number等,存放在栈
//引用类型:存放地址,存放在堆.通过关键字new创建Object\Array\Date等