|
简单的JavaScript前世?? ?
?? ?1.JavaScript原名是livescript。
?? ?2.由网景公司开发而来。
?? ?3.JavaScript和java没有任何关系。
?? ?4.JavaScript后期是由ECMA组织维护。
?? ?5.后期的新版本是ES6,ES7... ECMAScript6.
?? ?6.新版本在功能和效果上更加的完善了。
JavaScript当中要学习什么？
?? ?1.我们要学习三个重要的模块
?? ?1-1.ECMAScript 核心技术(变量,流程控制,数据类型,运算符,方法)
?? ?1-2.DOM文档对象模型（DOM,Document Object Model）
?? ?主要用途:用于进行元素的操作。(增删改查)
?? ?1-3.BOM浏览器对象模型（BOM,Browser Object Model）
?? ?主要用途:用于浏览器的一些操作(刷新，前进，后退)
js代码书写步骤:
?? ?1.先写script标签
?? ?2.标签内部不能出现任何汉字说明，但是可以加注释
?? ?3.三种输出方式?
?? ?document.write() 文档输出
?? ?console.log() ? ?控制台输出
?? ?alert() ? ? ? ? ?弹框输出(总共有三种不同的弹框)?
? ? 问：括号里面的引号(有无引号是否一样)
?? ?答:不一样. 加引号时里面的值是一个字符串类型
?? ? ? ? ? ? ? 不加引号时,有可能是一个变量的值,有可能报错,但绝不是字符串
?? ?字符串的特点: 只要你给该值加上引号，就变成字符串的值?? ?
?? ??? ?document ? .get ? Element ? By ? Id("")
?? ??? ?文档 ? ? ? 获得 ? ? 元素 ? ?来自 ? id选择器
<script type="text/javascript">
?? ?//声明变量用内置关键词 var?
//?? ?变量就是存储信息的容器
?? ?var apple_number = 6; ? ? //声明变量直接赋值
?? ?var apple_price = 4;
?? ?var apple_total = apple_number*apple_price; //利用表达式作为变量的结果?? ?
?? ?//?? ?这是第一种输出方式:?? ?
?? ?document.write("加上引号:"+"apple_total");
?? ?document.write("没有加上引号:"+apple_total);?? ?
//?? ?这是第二种输出方式:
?? ?alert("加上引号:"+"apple_total");
?? ?alert("没有加上引号:"+apple_total);?? ?
//?? ?这是第三种输出方式:?? ?点开F12 谷歌选择console ?火狐选择 ?控制台
?? ?console.log("加上引号:"+"apple_total");
?? ?console.log("没有加上引号:"+apple_total);
//5.?? ?字符连接运算 ?+
//?? ?5-1. 当+号两侧是number类型时，则进行求和运算。
//?? ?5-2. 当+号两侧任意一方出现非number类型时，则进行拼接。
//?? ?(字符串和变量拼接，变量和变量拼接)
?? ?</script>
|