1、初始JavaScript
JavaScript是一种运行在客户端的脚本语言(Script是脚本的意思)
脚本语言,不需要编译
1.1 浏览器执行Js简介
渲染引擎:用来解析HTML和CSS,俗称内核,谷歌浏览器的内核是Blink,老版本的webkit
JS引擎:也称为Js引擎。用来读取网页中的JavaScript代码,对其处理后运行
浏览器本身并不会执行JS代码,而是通过内置JavaScript引擎(解释器)来执行JS代码。JS引擎执行代码时逐行解释每一句源码(转换为机器语言),然后由计算机执行。
1.2 JavaScript的组成
JavaScript语法:ECMAScript规定了JS的编程语法和基础核心知识,是所有浏览器厂商共同遵守的一套JS语法工业标准。
页面文档对象模型(DOM):
浏览器对象模型(BOM):
1.3 JS初体验
1.内嵌式的JS,在head标签里面eg:<script>alert('沙漠骆驼')</script>
2.行内式的js,直接写到元素的内部eg:<input type="button" value="按钮" onclick="alert('某')">
3.外部js script双标签eg:<script src="路径"></script>
1.4 JS注释
1.单行注释:
2.多行注释: shift + alt + a =》 ctrl + shift + /
2、JavaScript输入输出语句
alert(msg) 浏览器弹出警示框 控制台输出 给程序员测试用的
console.log 浏览器控制台打印输出信息 这是程序员可以看到的
prompt(info) 浏览器弹出输入框,用户可以输入 这是一个输入框
3、变量
变量是用于存放数据的容器;变量的本质是程序在内存中申请的一个空间地址用来存放数据的。
变量的使用:
1.声明变量:var 变量名 eg:var age;
2.赋值: eg:age = 10;
<script>
var age;
age = 18;
console.log(age);
var myname = 'Ding老师';
console.log(myname);
</script>
<script>
var myname = promt('请输入你的名字');
alert(myname);
</script>
2、变量语法扩展
1.更新变量:变量值以最后一次赋的值为准
2.同时声明多个变量:只需要写一个var,多个变量之间使用英文的逗号隔开即可。
var age =18,
address='火影村',
sex = '男';
3.声明变量的特殊情况
<script>
3.1 只声明不赋值,结果是? 程序也不知存的是啥,所以结果是unfined
var sex ;
console.log(sex);
3.2 不声明不赋值 直接使用某个变量会报错的
console.log(tel);
3.3 不声明直接赋值使用
addr = '下流水';
console.log(addr);
</script>
3、 变量命名规范
由字母下划线数字美元符号组成
严格区分大小写
不能以数字开头
不能是关键字和保留字
变量名必须有意愿
遵守驼峰命名,首字母小写后面单词的第一个字母大写其他小写
推荐翻译网站
4、 变量实例及结束
<script>
var temp;
var app = '香蕉';
var ban = '苹果';
temp = app;
app = ban;
ban = temp;
console.log(app);
console.log(ban);
</script>