JavaScript基础回顾
作者:张米,撰写时间:2019年4月30日
JavaSceript输出与交互的主要方法
document.write()
document.write()这个方法是向HTML文档中输出内容。documnent的意思是文档,write 是写的意思。那具体怎么用的呢?下面我们来看看。
下面有一句话,用document.write()这个方法在JavaScript里输出这句话呢?
JavaScript的代码要写在特定的地方:HTML的script标签内和javascript文档里。
“北海有鱼,名为鲲。”这句话用document.write()输出的话这样写:
如果是文本的话,要放在引号内,阿拉伯数字则不必。
console.log()
主要是方便你调式javascript用的。你可以看到你在页面中输出的内容:
相比alert它的优点是:
它能看到结构化的东西,如果是alert,弹出一个对象就是[object object],但是console能看到对象的内容。
console不会打断你页面的操作,如果用alert弹出来内容,那么页面就死了,但是console输出内容后你页面还可以正常操作。
window.alert()
window.alert经常用于确保用户可以得到某些信息。
当警告框出现后,用户需要点击确定按钮才能继续进行操作。
window.alert()方法可以不带上window对象,直接使用alert()方法。
window.confirm()
window.confirm()通常用于验证是否接受用户操作。
当确认卡弹出时,用户可以点击 “确认” 或者 “取消” 来确定用户操作。
当你点击 “确认”, 确认框返回 true, 如果点击 “取消”, 确认框返回 false。
window,prompt()
window.prompt()经常用于提示用户在进入页面前输入某个值。
当提示框出现后,用户需要输入某个值,然后点击确认或取消按钮才能继续操纵。
如果用户点击确认,那么返回值为输入的值。如果用户点击取消,那么返回值为 null。
JavaScript运算符
赋值运算符:=
单独一个等号也是一个运算符。例如下面用“=”给x赋值为1
算术运算符:+(加)、-(减)、*(乘)、/(除)、%(求余)、++(自增)、–(自减)
指定变量值,并将其值用以上运算符进行运算。
加法运算的代码:
加法运算的结果:
减法运算的代码:
减法运算的结果:
乘法运算的代码:
乘法运算的结果:
除法运算的代码:
除法运算的结果:
求余数的代码:
求余数的结果:
自增的代码:
自增的结果:
自减的代码:
自减的结果:
比较运算符:(等于)、=(绝对等于)、!=(不等于)、!==(绝对不等于)、>(大于)、<(小于)、>=(大于或等于)、<=(小于或等于)
==(等于):
=(绝对等于):
!=(不等于):
!(绝对不等于):
(大于):
<(小于):
=(大于或等于);
<=(小于或等于);
JavaScript条件语句
通常在写代码时,您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。
在 JavaScript 中,我们可使用以下条件语句:
• if 语句 - 只有当指定条件为 true 时,使用该语句来执行代码
• if…else 语句 - 当条件为 true 时执行代码,当条件为 false 时执行其他代码
• if…else if…else 语句- 使用该语句来选择多个代码块之一来执行
• switch 语句 - 使用该语句来选择多个代码块之一来执行
If 语句
只有当指定条件为 true 时,该语句才会执行代码。
当pig=100时,它会执行代码:
代码结果如下;
If…else 语句
请使用 if…else 语句在条件为 true 时执行代码,在条件为 false 时执行其他代码。
以上的代码条件为true时输出“very cute”,为false时弹出“太瘦了,多吃点”。以上的代码是哪种结果呢?见下:
If…else if…else 语句
使用 if…else if…else 语句来选择多个代码块之一来执行。
switch 语句
switch 语句用于基于不同的条件来执行不同的动作。
以上代码的结果: