发表于： 2018-12-03 21:14:39
1 904
今天完成的事：
学习JS基础知识
明天计划的事：
继续学习JS基础知识
遇到的问题：
对JavaScript 代码 语句格式不是太熟悉
解决办法：
多做demo，多敲代码
收获：
JavaScript 事件
当在 HTML 页面中使用 JavaScript 时， JavaScript 可以触发这些事件。
在以下实例中，按钮元素中添加了 onclick 属性 (并加上代码):
以上实例中，JavaScript 代码将修改 id="demo" 元素的内容。
在下一个实例中，代码将修改自身元素的内容 (使用 this.innerHTML):
JavaScript代码通常是几行代码。比较常见的是通过事件属性来调用：
常见的HTML事件
下面是一些常见的HTML事件的列表:
JavaScript 运算符
运算符 = 用于给 JavaScript 变量赋值。
算术运算符 + 用于把值加起来。
JavaScript 算术运算符
y=5，下面的表格解释了这些算术运算符：
余数 = 取( x / y )的小数点后的值* y
比如 余数=5%2 5/2=2.5 取小数点后的值 0.5
余数=0.5*2
余数=1
关于自增和自减法
前自增运算符与后自增运算符有本质的区别，它们的相同点都是为自身加了1，不同点是前自增运算符是先加1，再使用操作数的值，后自增运算符是先使用操作数的值，再加1。例如：
var a;
var i=6;
//(前加加)i加1后，i等于7，并将i值赋予a，于是a等于7
a=++i;
document.write(i);
document.write(a);
i=6;
//(后加加)将i值赋予a，于是a等于6，最后i加1，i等于7
a=i++;
document.write(i);
document.write(a);
结果
7
7
7
6
数学运算符的运算规则
（1）先算乘除、后算加减。
（2）小括号：能够影响计算顺序，且可以嵌套。没有中括号、没有大括号，只有小括号。
（3）百分号：取余。只关心余数。
JavaScript 赋值运算符
赋值运算符用于给 JavaScript 变量赋值。
给定 x=10 和 y=5，下面的表格解释了赋值运算符：
用于字符串的 + 运算符
+ 运算符用于把文本值或字符串变量加起来（连接起来）。
如需把两个或多个字符串变量连接起来，请使用 + 运算符。
如需把两个或多个字符串变量连接起来，请使用 + 运算符：
txt1="What a very";
txt2="nice day";
txt3=txt1+txt2;
txt3 运算结果如下:
What a verynice day
要想在两个字符串之间增加空格，需要把空格插入一个字符串之中：
实例
txt1="What a very ";
txt2="nice day";
txt3=txt1+txt2;
在以上语句执行后，变量 txt3包含的值是：
What a very nice day
JavaScript 比较 和 逻辑运算符
比较运算符
比较运算符在逻辑语句中使用，以测定变量或值是否相等。
如何使用
可以在条件语句中使用比较运算符对值进行比较，然后根据结果来采取行动：
if (age<18) x="Too young";
逻辑运算符
逻辑运算符用于测定变量或值之间的逻辑。
给定 x=6 以及 y=3，下表解释了逻辑运算符：
条件运算符
JavaScript 还包含了基于某些条件对变量进行赋值的条件运算符。
语法
variablename=(condition)?value1:value2
可变名称=（条件语句）？值1： 值2
JavaScript 语句
if 语句 -
只有当指定条件为 true 时，使用该语句来执行代码
语法
if (条件表达式)
{
// 当条件为 true 时执行的代码
}
请使用小写的 if。使用大写字母（IF）会生成 JavaScript 错误！
实例
当时间小于 20:00 时，生成问候 "Good day"：
var time=15;
if (time<20)
{
x="Good day";
}
x 的结果是：
Good day
请注意，在这个语法中，没有 ..else..。您已经告诉浏览器只有在指定条件为 true 时才执行代码。
if...else 语句
使用 if....else 语句在条件为 true 时执行代码，在条件为 false 时执行其他代码。
语法
if (条件表达式)
{
当条件为 true 时执行的代码
}
else
{
当条件不为 true 时执行的代码
}
if...else if...else 语句
语法
if (条件1)
{
当条件 1 为 true 时执行的代码
}
else if (条件2)
{
当条件 2 为 true 时执行的代码
}
else
{
当条件 1 和 条件 2 都不为 true 时执行的代码
}
/!*多分支的if判断：如果有符合条件的分支，之后的分支就不再执行*!/
if...else if...else 嵌套
返回列表
评论