JavaWeb js的基本语法

js的基本概念

Javapscript是现在网络上比较流行的一种脚本语言,通过javascript可以让用户与web站点之间增强交互。Javascript可以被所有web浏览器解析。
什么是脚本语言:脚本语言叫做动态语言,它是一种解释型语言,可以直接由文本编辑器编辑。脚本语言,一般它不能单独运行,需要嵌入到其它语言中,例如javascript,我们可以将编写的javascript嵌入到html代码中,由浏览器解析/渲染执行它。
运行方式:从页面开始,到页面结束,从上往下运行!!!
javascript运行在浏览器端!客户端
2.使用js的好处
–基于对象:
java里面用对象调用方法需要new一个对象。Js里面提供好了很多的对象,可以直接拿来使用。
–事件驱动:
html做网站的静态效果,js可以实现动态效果(表单验证、游戏…)。
–客户端:
专门指的是浏览器
3.js的特点
(1)交互性:信息的动态
(2)安全性: js不能访问本地文件
(3)跨平台性: java里面如何实现跨平台性?只要支持js的浏览器都可以运行
(4) javaScript主要用来向HTML页面添加交互行为。
(5) javaScript是一种脚本语言,语法和java类似。
(6) javaScript一般用来编写客户端脚本。javascript运行在客户端
(7) javaScript是一种解释性语言,边执行边解释
js执行原理
在这里插入图片描述
1、代码保存在服务器上
2、浏览器只是负责解析从服务器上下载下来的代码
3、js是运行在浏览器上的
4、js运行在浏览器,可以减轻服务器的压力

js的组成和基本语法

  1. js的组成
    组成由3部分:
    1、ECMAscript:js的核心语法。(js的基本语法)
    2、BOM操作:浏览器对象模型。操作的是:windows窗口部分:地址栏
    3、DOM操作:文档对象模型。操作的是:内容显示部分

  2. js的基本语法
    1、javascript是一种脚本语言,一种弱语言,运行在浏览器端。
    2.javascript语法跟java基本是一样的。
    3、javascript可以写在页面上的任何位置:<script></script>
    js的代码都写在<script></script>标签里面
    注意:
    HTML5之前必须写属性: type=""text/javascript" language="javascript""HTML5之后不需要再写该属性!

    1. javascript严格按照从上往下的顺序执行。
    2. javacript语言严格区分大小写
    3. javascript变量不能使用保留关键字
    4. javascript变量-只能使用字母、数字、下划线或者$
    5. 变量只能以字母,下划线或者$符号开头,不能以数字开头。
    6. js的注释://单行注释
/*多行注释*/

js的基本语法使用

  • js常见输出
    1〕网页弹框,显示文字!
window.alert(”"我是帅哥!"");

2)通过控制台输出,通过F12来查看!(以后经常使用的方式)

console.log("123");

3)直接把内容输出到网页上显示(文本,标签)

document.write("123");
  • js的数据类型和变量声明
    在js中,变量的声明统一使用var来定义
    在js中,变量的类型是由**=右边的值来决定的**
    使用typyof来获取变量的类型
    number:整数和浮点数
    String:字符串
    ture/false:布尔类型
    undefined:表示未知类型
    null:空
    undefined:
    1.变量被声明了,但没有赋值时,就等于undefined;
    ⒉.调用函数时,应该提供的参数没有提供,该参数等于undefined;
    3.对象没有赋值的属性,该属性的值为undefined ;
    4.函数没有返回值时,默认返回undefined。
    引用类型
    object,new出来

  • js的流程控制语句
    判断语句:if else switch
    循环:while for

  • js的运算符
    1、算术: + -* /%6
    2、关系:> >= < <= != == ===(全等于)
    3、赋值运算:= += - = /= %=(复合赋值运算)
    4、逻辑运算:&&l!
    5、三目运算: a >b ? a : b
    js中单引号和双引号作用是一样的
    在js中一句话结束,可以不写;

  • js数组
    1、可以保存不同类型的数据
    2、数组下标从0开始
    3、数组长度可以改变
    在这里插入图片描述
    在这里插入图片描述

  • js的自定义函数
    1、js普通函数
    在js中,函数的参数列表,不能写参数列表,直接写参数名
    也不能写函数的返回值类型,直接返回值

function 函数名(参数列表){
函数体
return 值;
}

2、匿名函数

var 变量名=function(参数列表){
//函数体
return 值;
}

在这里插入图片描述

  • js的全局变量和局部变量
    全局变量:在script标签中,从定义变量开始,到html文档结束,都有效
    局部变量:在函数中,从函数开始,到函数结束,都有效
    在这里插入图片描述
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值