美文网首页
基本的JS

基本的JS

作者: 余生丶请赐教 | 来源:发表于2017-05-30 23:50 被阅读0次

----------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赋给一个变量,用于清除他的值

相关文章

  • JS的基本语法

    JS的基本输出 JS修改Html JS对话框 JS的函数基本使用 JS循环的使用 JS的选择语句

  • JavaScript八张思维导图

    目录 JS基本概念 JS操作符 JS基本语句 JS数组用法 Date用法 JS字符串用法 JS编程风格 JS编程实...

  • 温故而知新,8张 Javascript 思维导图助你成长

    目录 JS基本概念 JS操作符 JS基本语句 JS数组用法 Date用法 JS字符串用法 JS编程风格 JS编程实...

  • JavaScript八张思维导图

    JavaScript八张思维导图 目录 JS基本概念 JS操作符 JS基本语句 JS数组用法 Date用法 JS字...

  • 基本的JS

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

  • JS补充3

    JS的基本语法 JS语句基本规则 语句后面要用分号结束,特例:function,for, if后面...

  • js基本

    js的数据类型 数字类型 字符串 布尔类型

  • js基本

  • JS基本

    // 控制浏览器弹出一个警告框alert('第一行');/计算机在页面输出内容/document.write('h...

  • js基本

    // 控制浏览器弹出一个警告框alert('第一行');/计算机在页面输出内容/document.write('h...

网友评论

      本文标题:基本的JS

      本文链接:https://www.haomeiwen.com/subject/upkdfxtx.html