javescript

**

JavaScript数据类型

程序是从右往左进行的

变量

1.
JavaScript数据类型:

(1)数字number:声明变量var
(2)字符串string
(3)布尔boolean
(4)空null
(5)未定义undefined
(6)对象object
背单词:
点击:lick
数字:number
字符串:string
布尔:boolean
空:null
未定义:undefined
对象:object
数组:array
真:true
假:false
文档:document
获取:get
元素:element
通过:by
值:value
document.getElemenById(“txt”).value(通过文档中id的元素获取值)
Math.floor向下取整

运算符

1.算数运算符:+ - * / ++ – %
**2.比较运算符: **
(1)大于小于:> <
(2)大于等于:<=
(3)小于等于:>=
(4)不等于:!=
(5)等于:==
(6)全等于:===(连类型都要一样的)
3.逻辑运算符:
(1)与(&&):两个条件同时满足为真
(2)或(||):满足其中一个为真
(3)非(!):不成立为真
4.条件运算符:
格式:
var xx=16;
var s=(xx>=18)?“成年”:“未成年”;
5.赋值运算符:=本身也是赋值运算符
格式:
var i=12;
i = i + 3; 也可以写为 i += 3 弹窗为15
i = i - 3; 也可以写为 i -= 3 弹窗为9
i = i * 3; 也可以写为 i *= 3 弹窗为36
i = i / 3; 也可以写为 i /= 3 弹窗为4
i = i % 3; 也可以写为 i %= 3 弹窗为0

*= 、 += 、 -= 、 = 、 /= 、 %= 都叫赋值运算符!

控制语句

1.条件判断语句:if else

2.switch

注:和if else 差不多的代码: switch(){case"周杰伦":op.innerHTML=“周杰伦的介绍 爱打篮球等等”; break;
default:op.innerHTML=“没有这个明星”;break;
break是结束语如果你没写他就会一直执行下去直到有break的指令 就像input里面输周杰伦 但如果没写break 他就会显示"没有这个明星"

循环语句

#常用代码:
window.open(“http://www.baidu.com”);打开的网页
document.write();写在屏幕上

1.for循环:
流程图:for(var i = 0 ; i < =100 ; i++){document.write(i + “<br/>”)}
执行步骤:
(1)i = 0
(2)i < 100
(3)document.write(i + “<br/》”);
(4)i++ (i=1)
(5)i<100
(6)document.write(i + “<br/》”);
(7)i++ (i=2)
从上往下执行代码,老老实实 除非没有成立就会跳出{},执行下面的不在{}里的代码执行到fur的{}完的时候回来执行i++重复执行 直到执行完i<100。 只有条件不成立了才能跳出{}(而且只能跳出装自己的{})!!!!!!成立就是上面那一套步骤。

2.while循环:
var i=0;
while(i <5){document.write(i+"<br/>");i++;}
输出为:
0
1
2
3
4

3.do while循环:
var i=0;
do{
document.write(i+"<br/》");
i++;}
while(i<5)
输出为:
0
1
2
3
4

跳转语句

1.break:跳出本层循环(意思是到i=3的时候就直接跳出整个for循环了)
if(i==3){break;}

2.continue:跳出本次循环(意思是到i=3的时候就直接跳到i++不往下执行,也就是不输出3)
if(i==3){continue;}

函数

1.function a(){ }就是函数:因为a() 后面加括号的都是函数,所以function a()是函数! 而{ } 就是封装。

alert():也是一个函数 , 内置函数

2.带参数的函数:“a(‘80’)”:里面的字符串就是参数,函数可以带参数进去。而function a()的括号里要用一个字母表示参数, 比如function a©{ }。 如果要带多个就用多个字母之间用“,(逗号)”隔开。

3.带返回值的函数:return(返回):一个函数执行完后他会返回并给出一个结果。不给值也可以,就是结束的意思。

4.调用:
(1)简单的调用:hello()
(2)在表达式中调用:alert(hello())
(3)在事件中调用:οnclick=“hello()”
(4)在a标签中调用:<a href="javascript:hello()">点击</a>

已标记关键词 清除标记
相关推荐
<p> <b><span style="background-color:#FFE500;">【超实用课程内容】</span></b> </p> <p> <br /> </p> <p> <br /> </p> <p> 本课程内容包含讲解<span>解读Nginx的基础知识,</span><span>解读Nginx的核心知识、带领学员进行</span>高并发环境下的Nginx性能优化实战,让学生能够快速将所学融合到企业应用中。 </p> <p> <br /> </p> <p style="font-family:Helvetica;color:#3A4151;font-size:14px;background-color:#FFFFFF;"> <b><br /> </b> </p> <p style="font-family:Helvetica;color:#3A4151;font-size:14px;background-color:#FFFFFF;"> <b><span style="background-color:#FFE500;">【课程如何观看?】</span></b> </p> <p style="font-family:Helvetica;color:#3A4151;font-size:14px;background-color:#FFFFFF;"> PC端:<a href="https://edu.csdn.net/course/detail/26277"><span id="__kindeditor_bookmark_start_21__"></span></a><a href="https://edu.csdn.net/course/detail/27216">https://edu.csdn.net/course/detail/27216</a> </p> <p style="font-family:Helvetica;color:#3A4151;font-size:14px;background-color:#FFFFFF;"> 移动端:CSDN 学院APP(注意不是CSDN APP哦) </p> <p style="font-family:Helvetica;color:#3A4151;font-size:14px;background-color:#FFFFFF;"> 本课程为录播课,课程永久有效观看时长,大家可以抓紧时间学习后一起讨论哦~ </p> <p style="font-family:"color:#3A4151;font-size:14px;background-color:#FFFFFF;"> <br /> </p> <p class="ql-long-24357476" style="font-family:"color:#3A4151;font-size:14px;background-color:#FFFFFF;"> <strong><span style="background-color:#FFE500;">【学员专享增值服务】</span></strong> </p> <p class="ql-long-24357476" style="font-family:"color:#3A4151;font-size:14px;background-color:#FFFFFF;"> <b>源码开放</b> </p> <p class="ql-long-24357476" style="font-family:"color:#3A4151;font-size:14px;background-color:#FFFFFF;"> 课件、课程案例代码完全开放给你,你可以根据所学知识,自行修改、优化 </p> <p class="ql-long-24357476" style="font-family:"color:#3A4151;font-size:14px;background-color:#FFFFFF;"> 下载方式:电脑登录<a href="https://edu.csdn.net/course/detail/26277"></a><a href="https://edu.csdn.net/course/detail/27216">https://edu.csdn.net/course/detail/27216</a>,播放页面右侧点击课件进行资料打包下载 </p> <p> <br /> </p> <p> <br /> </p> <p> <br /> </p>
©️2020 CSDN 皮肤主题: 深蓝海洋 设计师:CSDN官方博客 返回首页