js的基础语法和运算符号

182 阅读1分钟

Html水平居中的方式

1.给父级(display:flex; justify-content:center;align-item:center;

2.(position:absolute; left:0; right:0; bottom:0; top:0; margin:auto;)

3.(position:absolute;top:50%; left:50%;transform:translate(-50%,-50%)

4.(position:absolute; left:50%; top:50%;  margin-left:自身宽的的一半;margin-top:1000%;)

JavaScript

一.组成(ECMAScript, BOM, DOM)

1.ECMAScript 是一种语法标准,编码遵循这个标准;

2.BOM :Browser Object Model(浏览器对象模型)提供了独立于内容于浏览器窗口进行交互的对象;

3.DOM: Document Object Model(文档对象模型) 是HTML文档对象模型定义的一套标准方法,用来访问和从和操控HTML文档。

二.js代码要在script标签里面去编写

第一种使用JS的方式

1.

2.文档对象的写法    document.write('xxxxx')

3.浏览器的方法弹出框    window.alert('xxx') 可以直接写 alert('xxx')

第二种使用JS的方式

  先建一个js 

第三种使用JS的方式

 

点击我
   onclick点击事件的意思

js的核心语法:

image.png

赋值变量: image.png

console.log  控制台打印方法 (运行页面右键检查下面有console 如果声明了,但是没有赋值就是默认的underfined)     document.write    页面打印方法        alert  打印在浏览器弹出窗口

使用let定义的是不能被重复使用,重复使用会报错。使用var是可以被重复使用,显示最新的赋值。

数据类型:

image.png

例:声明以下变量并检测数据类型

image.png

image.png

运算符号

加号"+"

image.png

减号"-"

image.png 乘号" * "

image.png

除号" / "

image.png

取余%

image.png 赋值情况下 ++运算

image.png