今天完成的事情:
1. 学习sass
2.
JavaScript 语句
JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。
JavaScript 语句
JavaScript 语句是发给浏览器的命令。
这些命令的作用是告诉浏览器要做的事情。
下面的 JavaScript 语句向 id="demo" 的 HTML 元素输出文本 "你好 Dolly" :
实例
document.getElementById("demo").innerHTML = "你好 Dolly";
尝试一下 »
分号 ;
分号用于分隔 JavaScript 语句。
通常我们在每条可执行的语句结尾添加分号。
使用分号的另一用处是在一行中编写多条语句。
 | 您也可能看到不带有分号的案例。 在 JavaScript 中,用分号来结束语句是可选的。 |
---|
JavaScript 代码
JavaScript 代码是 JavaScript 语句的序列。
浏览器按照编写顺序依次执行每条语句。
本例向网页输出一个标题和两个段落:
实例
document.getElementById("demo").innerHTML="你好 Dolly";document.getElementById("myDIV").innerHTML="你最近怎么样?";
尝试一下 »
JavaScript 代码块
JavaScript 可以分批地组合起来。
代码块以左花括号开始,以右花括号结束。
代码块的作用是一并地执行语句序列。
本例向网页输出一个标题和两个段落:
实例
function myFunction(){
document.getElementById("demo").innerHTML="你好Dolly"; document.getElementById("myDIV").innerHTML="你最近怎么样?";}
尝试一下 »您将在稍后的章节学到更多有关函数的知识。
JavaScript 语句标识符
JavaScript 语句通常以一个 语句标识符 为开始,并执行该语句。
语句标识符是保留关键字不能作为变量名使用。
下表列出了 JavaScript 语句标识符 (关键字) :
<table class="reference" "style="width: 100%" style="border: 0px; margin-top: 4px; margin-bottom: 4px; padding: 0px; width: 833px; font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "WenQuanYi Micro Hei", Arial, sans-serif; font-size: 12px; white-space: normal; background-color: rgb(255, 255, 255);">
语句 | 描述 |
---|
break | 用于跳出循环。 |
catch | 语句块,在 try 语句块执行出错时执行 catch 语句块。 |
continue | 跳过循环中的一个迭代。 |
do ... while | 执行一个语句块,在条件语句为 true 时继续执行该语句块。 |
for | 在条件语句为 true 时,可以将代码块执行指定的次数。 |
for ... in | 用于遍历数组或者对象的属性(对数组或者对象的属性进行循环操作)。 |
function | 定义一个函数 |
if ... else | 用于基于不同的条件来执行不同的动作。 |
return | 退出函数 |
switch | 用于基于不同的条件来执行不同的动作。 |
throw | 抛出(生成)错误 。 |
try | 实现错误处理,与 catch 一同使用。 |
var | 声明一个变量。 |
while | 当条件语句为 true 时,执行语句块。 |
空格
JavaScript 会忽略多余的空格。您可以向脚本添加空格,来提高其可读性。下面的两行代码是等效的:
var person="Hege";
var person = "Hege";
对代码行进行折行
您可以在文本字符串中使用反斜杠对代码行进行换行。下面的例子会正确地显示:
document.write("你好 \
世界!");
不过,您不能像这样折行:
document.write \
("你好世界!");
JavaScript 注释
JavaScript 注释可用于提高代码的可读性。
JavaScript 注释
JavaScript 不会执行注释。
我们可以添加注释来对 JavaScript 进行解释,或者提高代码的可读性。
单行注释以 // 开头。
本例用单行注释来解释代码:
实例
document.getElementById("myH1").innerHTML="欢迎来到我的主页";document.getElementById("myP").innerHTML="这是我的第一个段落。";
尝试一下 »
JavaScript 多行注释
多行注释以 /* 开始,以 */ 结尾。
下面的例子使用多行注释来解释代码:
实例
document.getElementById("myH1").innerHTML="欢迎来到我的主页";document.getElementById("myP").innerHTML="这是我的第一个段落。";
尝试一下 »
使用注释来阻止执行
在下面的例子中,注释用于阻止其中一条代码行的执行(可用于调试):
实例
document.getElementById("myP").innerHTML="这是我的第一个段落。";
尝试一下 »在下面的例子中,注释用于阻止代码块的执行(可用于调试):
在行末使用注释
在下面的例子中,我们把注释放到代码行的结尾处:
明天计划的事情:
1.继续js基础学习
2.学习saa开始任务11
遇到的问题:
暂无
收获:
对js基础有了一些了解
转至元数据结尾
转至元数据起始
进度:task10
任务总结:
任务名称:CSS=TASK10
成果链接:https://zhangxinlove.github.io/zhangxin/task10/task10.html
任务耗时:3天
技能脑图:

官网脑图:

任务总结:
任务10总体的布局难度不大,主要是更改radio和input的默认样式时出现了比较大的问题,由于中间学习了js的基础知识,导致任务时间有点长。
充分的复习了媒体查询的使用,更改字体大小等等
伪类checked和after的使用
评论