您当前的位置:首页 > 学无止境 > 从1到0

Javascript基础

景凌凯2018-07-16 人围观
简介JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。
 JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。 

 
Html,css,js三者的关系
HTML:定义了页面的内容(页面有什么)
css:定义了页面的样式(页面长什么样子)
js:定义了页面的逻辑(页面能干什么)
 
js可以控制html和css

 

使用js;

 
在html页面中使用js有两种方式:
第一种方式是直接在script标签的内容中写js代码
 
<script>
// 在控制台输出一段内容
console.lg("hello world");
</script>

 
第二种方法是通过src属性导入一个外部的js文件
<script src="index.js"></script>
 

Js变量及数据类型

变量是用于存储信息的"容器"。
// 在js中使用var 关键字声明变量
// 变量可以在声明的时候赋值,也可以在声明之后赋值
// 变量可以没有初始值,有初始值,或者为值为表达式
var x=1;
var y=2;
var z=x+y;
 

Js数据类型

// js中数据类型:字符串(String)、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空(Null)、未定义(Undefined)。
// 常用以下三种
// 数字型(number), 数字型数据,用于记录一个数字,可以是整数也可以是小数。
// 字符串型(string), 字符串类型用于记录一段文本
// 布尔型(bollean)。 布尔型,用于记录真假,它只有两种值:true,false
 

Js显示数据

JavaScript 可以通过不同的方式来输出数据:
  • 使用 window.alert() 弹出警告框。
  • 使用 document.write() 方法将内容写到 HTML 文档中。
  • 使用 innerHTML 写入到 HTML 元素。
  • 使用 console.log() 写入到浏览器的控制台。
  • 使用prompt() 方法用于显示可提示用户进行输入的对话框。

弹出警告框

<script>
window.alert(5 + 6);
</script>

操作HTML元素

<script>
document.getElementById("demo").innerHTML = "段落已修改。";
</script>

输出到html页面

<script>
document.write(Date());
</script>
打印到控制台
<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>
 
 
 

显示可提示用户进行输入的对话框

 
 var name=prompt("请输入您的姓名")

 
 

JavaScript 算术运算符

下面的表格解释了这些算术运算符:
运算符 描述 例子 x 运算结果 y 运算结果 在线实例
+ 加法 x=y+2 7 5 实例 »
- 减法 x=y-2 3 5 实例 »
* 乘法 x=y*2 10 5 实例 »
/ 除法 x=y/2 2.5 5 实例 »
% 取模(余数) x=y%2 1 5 实例 »
++ 自增 x=++y 6 6 实例 »
x=y++ 5 6 实例 »
-- 自减 x=--y 4 4 实例 »
x=y-- 5 4 实例 »
 
 
 
 

JavaScript 赋值运算符

赋值运算符用于给 JavaScript 变量赋值。
给定 x=10  y=5,下面的表格解释了赋值运算符:
运算符 例子 等同于 运算结果 在线实例
= x=y   x=5 实例 »
+= x+=y x=x+y x=15 实例 »
-= x-=y x=x-y x=5 实例 »
*= x*=y x=x*y x=50 实例 »
/= x/=y x=x/y x=2 实例 »
%= x%=y x=x%y x=0 实例
 
 
 
 

布尔运算符:

// *************
// 常用的三种布尔运算符:与或非
 
// &&表示与运算(and)当前后两个值都为真时,结果为真。
var flag6=true &&true;
 
// || 表示或运算(or),前后两个布尔值至少一个为真时,结果为真。
var flag7=true||false;
 
// !表示非,它添加在一个布尔值之前,将值进行取反(true变为false,false变为true)
 

三目运算符:

 
对于有些选择分支结构,可以使用简单的条件运算符来代替. 如:
if(a<b)
    min=a;
else
    min=b;
可以用下面的条件运算符来处理
min=(a<b)?a:b;

  其中"(a<b)?a:b"是一个"条件表达式",它是这样执行的:  如果a<b为真,则表达式取a值,否则取b值.
 

打赏本站,你说多少就多少

文章评论

微信关注