web前端三层:
结构层 HTML 从语义角度描述页面结构
样式层 CSS 从审美角度美化页面
行为层 Javascript 从交互角度提升用户体验。
Javascript和ECMAScript关系:
ECMAScript是一种由Ecma国际前身为欧洲计算机制造商协会(European Computer Manufactures Association)制定的标准。
Javascript是由公司开发而成的,不便于其他公司拓展和使用,所以ECMA组织牵头制定Javascript标准,取名ECMAScript。
ECMAScript不是一门语言,而是一个标准。符合这个标准比较常见的有:Javascript、Action Script(Flash中使用的语言)。
JavaScript是有界面效果的弱变量类型的语言,变量只需要用var来声明。
JavaScript分为几个部分:
语言核心:变量、表达式、运算符、函数、if语句、for语句
DOM: 控制HTML中的元素,如让盒子移动、变色、轮播图
BOM: 控制浏览器的,如让浏览器自动滚动。
Javascript是前台语言,而不是后台语言。
Javascript运行在电脑里面,而不是服务器上,是一个简单的制作页面效果的语言,不能操作数据库。
程序书写的位置
在页面中,
<script type="text/javascript"></script>
就是标签对儿,里面就是书写Javascript程序的地方。
Javascript也是一个纯文本的语言。
alert语句
<script type="text/javascript">
alert("今天天气真好");
</script>
alert用途就是弹出“警告框”。
如果我们向弹出两次警告框,就要写两条语句:
alert("今天天气真好");
alert("哈哈哈哈哈哈");
程序是一句一句执行,执行完上面的语句才能执行下面的语句。
语法规则
Javascript对换行、缩进、空格不敏感。
也就是说,
<script type="text/javascript">
alert("今天天气真好");
alert("哈哈哈哈哈哈");
</script>
等价于
<script type="text/javascript">
alert("今天天气真好");
alert("哈哈哈哈哈哈");
</script>
也等价于
<script type="text/javascript">
alert("今天天气真好");alert("哈哈哈哈哈哈");
</script>
每一条语句末尾要加上分号,为了今后程序压缩之后仍然能够运行。
如果不加分号,程序一旦压缩就无法使用了:
<script type="text/javascript">
alert("今天天气真好")alert("哈哈哈哈哈哈");
</script>
所有的符号都是英文符号。
注释
程序中,为了便于理解,我们可以写一些给人看的东西,程序不会运行这些内容。
//表示注释:
<script type="text/javascript">
//alert语句表示弹出窗口
alert("helloworld");
</script>
也可以这样:
<script type="text/javascript">
alert("helloworld");//alert语句表示弹出窗口
</script>
注释可以很多行,但是这样比较麻烦:
<script type="text/javascript">
//alert语句表示弹出窗口
//注意拼写
//注意标点符号
alert("helloworld");
</script>
故等价于:
<script type="text/javascript">
/*
alert语句表示弹出窗口
注意拼写
注意标点符号
*/
alert("helloworld");
</script>
//单行注释
/*
多行注释
*/
sublime中单行注释的快捷键是ctrl+/ 多行注释快捷键是ctrl+shift+/
数字和字符串——直接量
简单的直接量有2种,数字和字符串。
数字的直接量表达不需要任何符号:
alert(886); //886是数字,所以不需要加引号。
字符串就是人说的话,比如单词、句子,不是数字,所以要加引号。
alert(今天天气很好); //错误的语句,因为没有加引号
alert("今天天气很好"); //正确的语句
console.log("今天天气很好");
console表示控制台,log就是输出。控制台是工程师、程序员调试程序的地方,经常使用这条语句输出东西来调试程序是否正确。