Topic 1 . JavaScript的简介 :
JavaScript用来制作web页面交互效果,提升用户体验。
他可以做什么 :
轮播图 ,Tab栏(选项卡) , 地图 ,表单验证;
web前端的三层结构 :
w3c的规范:行内样式(淘汰)
结构层 HTML 从语义的角度,描述页面结构
样式层 CSS 从审美的角度,美化页面
行为层 JavaScript 从交互的角度,提升用户体验
注意 :
ECMAScript不是一门语言,而是一个标准。符合这个标准的比较常见的有:JavaScript、Action Script(Flash中用的语言)。
JavaScript是弱变量类型的语言,变量只需要用var来声明。Java,C#中变量的声明,变量是什么类型的就要有对应的关键字来声明 ,而JavaScript只有一个定义变量的关键字那就是: var ;
var a ;可以代替: int a; double a ;float a ;等等......
Topic 2 . JavaScript的书写规范 :
放在head标签中如果没有style代码放在title标签下,如果有style,那么代码放在style下面。
还可以放在另外一个标签中 :body标签中,但是现在阶段的学习不要放在body中;
注意:
注意不存在javascript标签,只有<script>
alert( "这是我第一个JavaScript代码,想想还有点小兴奋呢!!!!");
效果:在页面上弹出一个提示框,提示信息从alert后面的引号中的文本来的。
alert() 方法用于显示带有一条指定消息和一个 OK 按钮的警告框。
注意:如果页面上出现弹出框以后,页面的位置不能改变,并且不能关闭。其实这个时候浏览器的进程已经被暂停了。
代码示例:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>我的第一个JavaScript</title>、
<style type="text/css">
</style>
<script type="text/javascript">
alert( "这是我第一个JavaScript代码,想想还有点小兴奋呢!!!!");
</script>
</head>
<body>
</body>
</html>
网页示例:
注意 :
这个<style>标签你注意要缩进的 如上图所示,你的老是没有缩进的,你要注意这一点;
注释和去掉注释的快捷键都是ctrl + / ;
JavaScript的注释是 // 如下图所示: 这个注释一行代码
注释多行代码/**/;
javascript代码虽然对空格,换行,缩进不敏感,但是在写的时候一定注意规范:
这样写页面报错了,就是因为我们的代码可以在结束部分不加分号,但是一定要加换行,如果加了分号,可以不换行。
建议大家在写代码的时候,既加上空格,也加上换行。使用代码的格式更加规范,可读性更强。
Topic 3 . 调错 :
右键---审查元素---有红叉---有错误---控制台---会有详细的错误的信息;
在控制台中,我们错误后面就是页面的右下角会有跳转到错误位置的地方;
他给你标识出哪一句是错误的;
Topic 4 . console.log(""); ,prompt :
One :
向浏览器的控制台中输出一句话。
作用:用来进行代码的调试。
应用:
百度的招聘信息:
Two :
prompt() 方法用于显示可提示用户进行输入的对话框。
网页示例:
Topic 5 . 直接量:
字符串:String
注意:js中字符串的引号既可以是单引号,也可以双引号。
Topic 6 . 转义符:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>直接量</title>
<script type="text/javascript">
// 第一种输出一个双引号的方法;
alert(' 我们怎么输出一个""号呢 ');
// 利用转译符来输出单引号和双引号
alert("我想输出 \'\" ");
</script>
</head>
<body>
</body>
</html>
常用的转义符:
\
\’ :单引号
\” :双引号
\t :缩进
\n :换行