前端基础之JS(1)(js引入,输出语句,数据类型,数据类型转换)

53 阅读2分钟

html,css,js是什么

html:
    超文本标记语言
css:
    层叠样式
js:
    即时编译性高级编程语言

浏览器引擎

渲染引擎:解析html和css
js引擎:读取网页中的js代码

js 组成

ECMAScript:Javascript基础语法
DOM:文档对象模型
BOM:浏览器对象模型

js 3种引入方式

1.行内:
    写在标签内部,on事件名称="执行代码"
        <input onclick="alert('Hello')"/>
2.内嵌:
    script标签包裹:
        <script> alert('Hello  World~!') </script>
3.外部:
    script内部,使用src引入
    <script src="my.js"></script>

js输出语句

alert()   弹出警示框并打印
prompt()  弹出用户输入框并打印
console.log()   打印在控制台
document.write  打印在页面

变量

变量声明:var Age=21
命名规范:
    字母,数字,下划线,$ 组成
    不以数字开头,区分大小写
    不能是关键字,保留字
    驼峰,首单词首字母小写,后单词首字母大写
关键字:
    breakcasecatchcontinuedefaultdeletedoelsefinallyforfunctionifininstanceofnewreturnswitchthisthrowtrytypeofvarvoidwhilewith 等
保留字:...

数据类型

简单数据类型:
    Number: 数字型,整形,浮点型
        isNaN() 是不是不是数字
    Boolean: 布尔型
    String: 字符串
        字符串长度:
            .length
        字符串拼接:
            通过+拼接(数字相加,字符相连)
    Undefined: 声明了,但没赋值
    Null: 值是空
获取变量的数据类型:typeof
    var num=18;
    console.log(typeof num)
数据类型转换:
    转字符串:
        toString: 转字符串
        String: 强转字符串
        加号拼接字符串: 隐式转换成字符串
    转为数字: 
        parseInt(): 取整,直到非数字,舍去小数
        parseFloat(): 同上,但保留小数
        Number(): 强转
            不可以转就是NaN
            小数正常保留
            内容为空,转为0
    隐式转换:
        两边是数字,且通过(-*/%)连接,会计算
        (+)连接进行字符串拼接            
    转为布尔:
        Boolean(): 
            0,NaN,null,undefined 会转换为false
            其余值会转换为true