js基础 三种弹出框 数据类型

时间：2022-11-14 14:29:32
总结：
js三个组成部分
ES：语法
DOM：对象模型 => 通过js代码与页面文档（出现在body中的所有可视化标签）进行交互
BOM：对象模型 => 通过js代码与浏览器自带功能进行交互

引入方式
行间式
    数显早标签中的全局事件属性中
    this 代表该标签 可以访问全局属性 再访问具体操作对象（eg：this.style.color="red"）

内联式
出现在script脚本标签中
可以通过标签的id 唯一标识，在js代码块中操作页面标签
js采用的是小驼峰命名规范，属于解释性语言（由上至下依次解释执行）

外联式
通过script标签的src属性链接外部js文件，链接后，script标签本身内部的js代码块将会被屏蔽
在任何位置都可以使用this对象，当this对象不指向任意标签时，代表的是window对象

js具体出现的位置
head标签的底部：依赖性js库
body标签的底部（body与html结束标签的之间）：功能性js脚本。

变量的定义
四种定义变量的方式
语法： 关键词 变量名=变量值
num =10；//省略关键词，定义的为全局变量，在任何位置定义，在任意位置都可以访问，但不建议使用
var num =10；//var关键词,无块级作用域,定义在块级作用域变量,外界也可以访问
let num =10；//let关键词,有块级作用域,定义在块级作用域的变量,外界无法访问
const NUM =10；//const关键词,有块级作用域,定义在块级作用域中的变量,外界无法访问,且变量的值
不能被二次修改,所以为常量

//产生块级作用域的方式
{
    直接书写
}
if 语句可以产生
while语句可以产生
for语句可以产生

//函数可以产生局部作用域,除了定义在局部作用域中的全局变量(没有关键字的变量声明),外界可以访问,
其他定义方式,外界都不可以访问

//ES5 | ES6
//是ECMAScript两个语法版本,ES6是ES5之后的一个版本,但是对ES5向下兼容,ES6中支持ES5语法

js命名规范:
//变量命名规范
    //可以由哪些组成:字母,数字,_,$,中文
    //可以以什么开头:字母,数字,_,$,(中文,一般不考虑)
    //不能出现什么:关键字 保留字
    //提倡什么属性范围:小驼峰,支持_连接语法
    haode="真好"
    console.log(haode)

三种弹出框
   //普通弹出框
    //第一个弹出框
    //alert("你好~")

    //输入框:以字符串形式接受用户输入内容;
    var info = prompt("请输入内容~");
    console.log(info);

    //确认框:根据用户选择确认或者取消,得到 true|false 两个布尔结果
    var res = confirm("你是猪吗?");
    console.log(res);


数据类型
var a =10 ；//number
var a ='abc'; //string abc
var a =true; //BOOlean true
var a =undefined // undefined undefined

//引用类型
var a = function（）{} //function f(){}
var a = {} //Object{}
var a = null //Null null

//其他Object具体体现
Array | Date | RegExp

值类型的类型转换

// 1. 通过类型声明转换
Number（） | String（）| Boolean（）

//2. 方法(函数)
parseInt('10') | parseFloat('3.14')
123..toString()

//3. 隐式转换
+'10'=>10
''+10=>'10'
eg:
    var z1="5"+2;//字符串类型“52”
    var z1=+'5'+2;//数字7 若++间无空格会变成语法错误  ++语法是自增使用
    var z2="5"-2;//数字3
    5+null; //5
    '5'+null; // '5null'

相关文章