第一章:猴王出世之JS

一、什么是JS

  • JavaScript是一种运行在客户端的脚本语言
  • 脚本语言:不需要编译,运行过程中由js解释器(js引擎)逐行来进行解释并执行
  • 现在也可以给予Node.js技术进行服务器端编程

二、JavaScript的作用

  • 表单动态校验(密码强度检测)
  • 网页特效
  • 服务器端开发(Node.js)
  • 桌面程序(Electron)
  • App(Cordova)
  • 控制硬件-物联网(Ruff)
  • 游戏开发(cocos2d-js)

三、HTML/CSS/JS之间的关系

HTML相当于一个网页的骨架,CSS相当于网页的皮毛,而JS相当于它的动作

四、浏览器执行JS简介

浏览器分为:渲染引擎JS引擎

渲染引擎:用来解析HTML和CSS,俗称内核,比如chrome浏览器里的blink,老版本的webkit

JS引擎:俗称为JS解释器,用来读取网页中的JavaScript代码,比如chrome浏览器的V8

浏览器本身并不会执行JS代码,而是通过JS引擎来执行它,JS引擎执行代码时会逐行解释每一行源码,然后由计算机执行,所以JavaScript归为脚本语言。

五、JS的组成

JavaScript由JavaScript语法,页面文档对象模型(DOM)和浏览器对象模型(BOM)

六、JS的三种书写位置  

1.行内式:直接写到元素的内部

<input type="button" value="猴哥" onclick="alert('孙悟空')">

 2.内嵌式

<script>
  alert('俺老孙来也!');
</script>

3.外部JS

建立一个js文件(eg:monkeyKing.js),在HTML文件里引用一下

<script src="monkeyKing.js"></script>

注意:引用外部js文件的script中间不能写代码

七、注释

  • 单行注释 Ctrl+/
//哈哈哈
  • 多行注释shift+alt+a
/*我是
孙悟空*/

八、输入输出语句

  • 输入语句
prompt('请输入您的年龄');
  • 输出语句
alert('计算结果是:');
  • 控制台打印输出信息
console.log('我是程序员能看到的');

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值