2.0 JavaScript基础之基本语句

179 阅读4分钟

2.1 分支语句

if语句

同C语言相同

语法一:

if(condition)
{
    statement1;
}

语句二:

if(condition)
{
    statement1;
}
else
{
    statement2;
}

语句三

if(condition)
{
    statement1;
}
else if(condition)
{
    statement2;
}

else
{
    statement3;
}

条件成立运行。


if语句的嵌套练习:

代码如下:

alert()语句

语法:alert(警告内容)

功能:弹出警告对话框

举个栗子

满足条件脚本执行

prompt() 输入框语句

语法:prompt(输入框的提示文字)

功能:弹出输入框

返回值:

  1. 点击确定,返回输入内容
  2. 点击取消,返回null

栗子:

输入值然后点击确定返回输入内容

点击取消返回null

length获取长度

语法:str.length

功能:获取string字符串的长度

返回值 :number

获取星期函数

语法:new Date().getDay()

功能:获得星期

返回值:number(0-6)(周天是0,周六是6)

switch语句

使用基本与C语言类似

语法:

switch(expression)
{
    case value1:statement1;break;
    case value2:statement2;break;
    ...
    default:statement;
}

输出语句

语法:document.write("内容")

功能:向浏览器输出内容

类似C语言的printf()函数

当输出值由字符串和变量组合而成时,这里出现了问题,输出值为变量名

修改: 变量放在“”引号的外边,否则只会把变量名当做字符输出,还需要使用“+”链接两元素

2.2 循环语句

for循环

与C语言基本相同

语法:

for(语句1;语句2;语句3)
{
    循环体
}

语句1:循环前执行(初值) 语句2:循环条件 语句3:循环后执行(变量)

举个例子不再赘述:

for循环嵌套

  • 外层为假时内层不执行
  • 先执行外层再执行内层 ,知道内层条件为假再返回外层去执行

举个简单栗子不再赘述

while循环

与C语言基本相同

语法:当条件满足执行循环体

while(条件)
{
    循环体
}

do-while循环

语法:当条件满足执行循环体

do{
    循环体
}while(条件)

说明:这种语法的循环至少执行一次

举个栗子

for: 循环适合一直循环次数的循环体

while: 适合未知循环次数的循环体


2.3 打断语句

break:立刻退出循环,如果有嵌套关系,只能退出所在层循环,对外层无效

这里的重点是引用数学函数库时:

语法:Math.sqrt();

如果break想控制外部循环,可以通过标签绑定(切记标签带“ :”):

普通的break中断会在内循环到4时候跳出这个循环,直到下次外循环再次执行内循环,所以每次都会卡在4就退出

给break添加绑定之后:



给外层循环添加标签“id”,这时当内循环到4时 “break id” 生效,退出标签所指代的外层循环,所以当内层只输出一次1234就彻底退出循环

continue:结束本次循环,开始下一次

输出0~50以内所有除了20和30的5的倍数


同样可以通过标签控制外部循环

给break添加绑定之后:



当内部循环到3时,不进行输出,直接continue外部循环,让外部进入下一次循环,再次进入内循环然后到3,continue再让外部进入下一次循环...所以一直会进入内部输出1和2,不会换行,外部执行五次。

2.4 获取元素属性语句

语法:document.getElementById()

使用document.getElementById()可以取到页面上一个有id的元素 然后访问这个元素的属性,比如value

当一个元素有value属性的时候,其value才会有值

例如:

<input type="text" id="txt1" value="hello"/>

这样一个元素,当你使用document.getElementById("txt1").value

可以得到其value值,即"hello"这个字符串。

切记使用时给id名加双引号

类似的还有:

getElementsByName():根据 name 标签属性的值获取对象的集合。

2.5 鼠标(mouse)触发事件

鼠标操作的各种情况

onclick :元素上发生鼠标点击时触发。

ondblclick : 元素上发生鼠标双击时触发。

例如这里给一个按钮id为tijiao,这时设置这个函数的内容,即可在点击按钮时触发事件

或者

在按钮中设置点击时触发的动作,这里设置为“go”函数,在JS中添加go函数即可

更多请参考:blog.csdn.net/lhzau1996/a…