基本的JS

----------JavaScript是什么?

JS是一种小型的、轻量级的、面向对象的、跨平台的客户端脚本语言。

JS是嵌入到浏览器软件当中去的,有浏览器就可以执行JS程序了。

JS是一种面向对象的程序语言。

在程序中,对象是由“属性”和“方法”构成。

在现实中,男女朋友就是一个“对象”。“东西”就是“对象”。一个“物体”就是“对象”。

“对象”有各种各样的特征(属性),如:身高,体重,年龄,姓名,学历等。

“对象”有很多方法。“人”这个对象,可以做很多

注意:JS中的对象只要会用就可以的,不需要我们自己去开发对象

跨平台:JS程序可以在多种平台下运行,如:widows、linux、mac、IOS等。

客户端脚本程序:JS只能在客户端的浏览器运行,不能在服务器端(阿帕奇)来运行。

浏览器是一种翻译器,可以翻译三种代码:html、CSS、JS。不需要服务器,因为本来就是客户端的


---------JavaScript的应用

表单验证:是JS最基本的功能。

动态HTML:可以实现一些动态的、重复的效果。

交互试:人机交互,通过键盘和鼠标,在网页中的元素进行交互

<script></script>标记

JS代码也是要嵌入HTML文档中去的

通过<script></script>引入JS代码

在同一个网页中可以有HTML代码,CSS代码,JS代码

常用的两个客户端输出方法

1.document.write()

2.window.alter().***********window可以省略

document.write()

描述:在网页的标记,输出的内容。

Document意思“文档”,就是整个网页。

Document是一个文档对象,代表整个网页

write是document对象的一个输出方法。

“.”小数点:通过小数点来调用对象的方法。

括号里面的是表示要输出的内容。

window.alter()

描述:在当前窗口中弹出一个警告对话框,()为对话框中显示的内容。

window代表当前浏览器窗口,window是一个窗口的对象。

alter()方法:弹出一个对话框。

()显示要输出的内容。

JS中的注释

HTML的注释:

CSS注释:/注释内容/

JS的注释:// 或 /多行注释/

变量的命名规则

变量的名可以包含字母、数字、下划线。

变量名不能以数字开头,可以以字母和下划线开头。如 var _name;

变量名不能是系统关键字。如:var,swith,for,try,case,else,while等。

JS中变量名是区分大小写的。如name和Name是两个变量。

JS中变量的名称一定要有意义。

如果变量名有多个单词构成的话,

“驼峰式命名”:第一个单子小写,后面每个单词首字母大写。如getUserName:获取用户名。

“下划线式命名”:所有单词全小写,中间用下划线链接线链接。如:get_user_name

4、给变量赋值

给变量赋值,就是往“空间”中装东西。

使用赋值号“=”来给变量赋值。

语法:var 变量名=变量名

举例:var name="张三";

“=”的意义:将“=”右边的“运算结果”赋给左边的变量名。

应该是“=”右边先运算,再把运算的结果,赋给左边的变量

“=”左边只能是一个变量名,而不能是“运算表达式”。说白了等号左边就是一个容器,至于容器里面装什么是等号右边的事情

变量的数据类型

变量是有类型的,这个类型来源于“变量的值”,值是什么类型,变量就是什么类型。

JS变量的类型有:数值型、字符型、布尔型、未定义型、空型underfined,null,array,object,function

1、数值型:可以进行算术运算的(加减乘除)

数值型包括:整型(整数)和浮点型(小数)

2、字符型:用单引号或双引号,引起来的一串字符。

注意:单引号和双引号可以相互嵌套

单引号内只能嵌套双引号

双引号内只能嵌套单引号

如下例:双引号内嵌套单引号,为了是名字加单引号。

注意:如果想在双引号内在嵌套双引号,里面的双引号一定要进行转义(\ ")

JS中转义字符是反斜杠(\)

常用的转义字符有:\' \" \ \r \n等

也就是说,当浏览器遇到反斜杠时,将会对其后的一个字符进行特殊对待,当成普通字符来对待。所谓普通字符就是平常的a,b,c,d字母字符。


3、布尔型

又称逻辑型。只有两个值:true、false(假)

布尔型只有两个状态。如性别

var a=true;

var b=false;

布尔型常用if条件判断语句中

if条件判断

1、语法结构--只判断true,不判断flase

if(条件判断:结果只有true或false)

{

条件为true,将执行该代码;

}

2、语法结构--既判断true,又判断flase

if(条件判断:结果只有true或false)

{

条件为true,将执行该代码;

}

else

if(条件判断:结果只有true或false)

{

条件为false,将执行该代码;

}

如果条件为true,则执行第一个大括号{}中的代码。

如果条件为flase,则执行第二个大括号{}中的代码。

4、未定义型

当一个变量定义,但未赋值时,将返回未定义型,未定义型的值只有一个undefined。

当一个对象属性不存在,也返回未定义型。

5、空型

当一个对象不存在时,将返回空型的值null.

也可以理解为:是一个对象的占位符

如果你想清除一个变量的值的话,可以赋一个null的值。

var a=null,//将一个null赋给一个变量,用于清除他的值

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 《ijs》速成开发手册3.0 官方用户交流:iApp开发交流(1) 239547050iApp开发交流(2) 10...
    叶染柒丶阅读 5,737评论 0 7
  • JavaScript是什么? JS是一种小型的、轻量级的、面向对象的、跨平台的客户端脚本语言。JS是嵌入到浏览器软...
    钩不了沉阅读 2,060评论 0 6
  • FreeCodeCamp - Basic JavaScript 写在前面: 我曾经在进谷前刷过这一套题,不过当时只...
    付林恒阅读 16,601评论 5 28
  • 今天我们班级读书群轮到我读书了,自己忙的都忘了,还好岳滕妈妈提醒我,还非常的体谅我,说如果我没时间她就读,我觉得...
    博硕妈阅读 197评论 0 0
  • 睡着了,我的头发被老公的手轻轻的压了一下,醒了。 看到他正笑着看着我,我脑子一闪,他是醒着还是梦游? 我也轻轻的压...
    老邻居阅读 216评论 0 0

友情链接更多精彩内容