初识js
JavaScript:
布兰登-艾奇---发明人
1995年10天完成
JavaScript---运行在客户端的脚本语言,属于html和web的编程语言
脚本语言---不需要编译,运行过程中有js解释器(js引擎)逐行来进行解释并执行
在html中,JavaScript程序由web浏览器执行
现在也可以基于Node.js技术进行服务器端编程
JS作用:
• 向HTML页面增加交互性
• 表单动态校验(密码强度检测)(JS产生最初的目的)
• 网页特效
• 服务端开发(Node.js)
• 桌面程序(Electron)
• APP(Cordova)
• 控制硬件-物联网(Ruff)
• 游戏开发(cocos2d-js)
前端页面组成:
• html-----结构层---描述类语言
• css-----样式层---描述类语言
• js-----行为层---编程类语言
JS组成
• ECMAscript-----语法标准,定义了javascript的语法规范,描述了语言的基本语法和数据类型,是所有浏览器厂商共同遵守的一套JS语法工业标准
• BOM(Browser Object Model)-----浏览器对象模型
作用:提供了属性和方法,通过BOM可以操作浏览器
注意:是浏览器厂家提供的让你可以操作的部分
• DOM(Document Object Model)-----文档对象模型
作用:提供了属性和方法,通过DOM可以操作页面(元素(标签)、样式)
JS书写位置
• 行内式(不推荐)
○ a标签(本身具有自动跳转功能)
§ 语法:<a href="javascript: js代码;"></a>
§ alert('弹出框内容')---以弹出框形式在浏览器显示你在('')里的内容
注意:内容如果不是纯数字就需要用英文状态下的引号包裹,单引号和双引号都可以
○ 非a标签(本身不具有自动跳转功能,需要人为赋予跳转能力)
§ 语法:onclick="alert('弹出内容')"
onclick---点击行为,当点击元素的时候执行后面的js代码
• 内嵌式(页面打开时直接触发)
○ 用法:把JS代码写在html页面内,在html页面任意位置书写script标签,script标签内书写js代码
○ 书写位置:
§ head标签末尾
§ body标签末尾-----body闭合标签上面
○ 语法:
<script>
js代码
</script>
○ 优先级:按照顺序依次执行每一个script标签中的代码
• 外链式
○ 用法:把JS写在html页面外,在外部新建一个.js文件,里面书写js代码,然后通过script标签引入
○ 语法:<script src="路径"></script>
注意:script 标签书写了 src 属性以后, 表示要当做外链式使用,就不能在当内嵌式用了, 写在标签内的js代码没有意义
只要你写了 src 属性, 不管值的位置是否书写地址, 内嵌式都没有意义了
语句:
一段脚本就是一系列计算机能够一步一步遵照执行的指令。每一条单独的指令或步骤被称为一条语句。以分号结尾
代码块:
被花括号【{}】包裹的语句,右花括号后面不需要分号
JS语句
构成:关键字、表达式、运算符、值和注释
JS语法
概念:是一套规则,定义了JavaScript的语言结构
○ 值:
混合值——字面量(literal)
字面量(literal)是用于表达源代码中一个固定值的表示法(notation)
变量值——变量:变量用于存储数据值,使用var声明
○ 运算符
○ 表达式::表达式是值、变量和运算符的组合,计算结果是值
○ 关键字:用于标识被执行的动作。
○ 注释
注释
作用:提示,提高代码的阅读性,让其他人可以更好的读懂我们的代码;也可以用于测试替代代码时阻止执行
• 单行注释-----//注释内容 【ctrl】+【?】
• 多行注释-----/*注释内容*/ 【shift】+【alt】+【a】
查看15道真题和解析