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

总结:
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'



posted @ 2018-12-17 13:43  路口有雾  阅读(1953)  评论(0编辑  收藏  举报