JavaScript基础内容

javascript:是个脚本语言，需要有宿主文件，他的宿主文件是html文件。用来交互的

Javascript基础

写法分类：

1、内联（行内）：写在标签里面，以事件属性表现属性名就是事件属性名

事件就是对标签的动作

<button onClick="alert('点我干嘛')">
    按钮
</button>

2、内嵌：（重点在内容）

写在HTML文件里面以标签的形式表现标签名：script

script标签里面的代码会自己执行。

<script>
    onClick="alert('点我干嘛')"
</script>

3、外部引用：（没有内容，只有属性）

写在HTML文件里面以标签的形式表现标签名：script

<script type="text/javascript" src="index.js"></script>

在HTML的任何位置都可以，但位置与显示内容有关，由上到下执行，当执行到script内容时，下面的内容不显示，

一般写在head中。

javascript 没有优先级，一般都是有条件的调用，以动作开始。

三个常用对话框

刷新自动弹出对话框，执行

alert(" ") 警告对话框，作用是弹出一个警告对话框；

alert("我是弹窗");

Con firm(" ") 确定对话框，作用是弹出一个可供选择的确定对话框，点击确定-----它返回 ture，点击取消-----返回flase，可用变量来接收。

var zhi = confirm("确定删除吗？");//选择框 有返回值  true 真   false  假

alert(zhi);

prompt("要显示的提示文字")，作用是弹出一个可以输入内容的对话框。有返回值

确定-----返回值是输入内容，取消----没有返回值（null）

var zhi = prompt('1+1=几');

if(zhi == 2){

alert('答对了');

}else{

alert('瞎写什么');
}

javascript基础语法

1、注释、关键字、标识符、变量

/* 多行注释 */

// 单行注释

关键字：在代码中有一些特殊含义的，系统已经规定好的英文单词.如：name

标识符：自定义：字母、数字、下划线（通用），不能是数字开头(除了关键字都是标识符)

变量：都是通用类型var，可以随便存储其它类型的值，可以直接使用，不用定义，但习惯上定义。

所有变量定义都用var定义，var是通用的可变类型。如：定义变量：var a

  定义   赋值   使用

var name=’张三’; //定义并赋值
alert（name）;   
或者
var name;
name=’张三’;
alert（name） ;

2、数据类型

javascript(6种数据类型): number(int/float) string boolean null undefined object

number 数字类型

string 字符串类型，所有带引号的都是

boolean 布尔类型，只有两个：true和false

null 空对象类型

undefined 未定义类型

object 对象类型：window document

强类型语言

弱类型语言

区别在对数据类型的处理上

强类型：定义的时候必须指明数据的类型是什么

弱类型：定义的时候，不用指明数据类型，全部自动转换

3、运算符

1>算术运算符：+ - * / %(取余) ++自增1） - -自减1）

++在前：先自增，再运算

++在后：先运算，再自增

var a = 1;
var b = 4;
b = ++a +1;  
//相当于   a=a+1   b = a+1

alert('b:'+b+';a:'+a);
// 运算结果 a:2   b:3

//b = 1 + a--;   
//相当于 b = a+1   a=a-1

alert('b:'+b+';a:'+a);
//运算结果 a:1  b:3

2>赋值运算符: = += -= *= /=

a += 4;相当于 a=a+4;

3>条件运算符: > < >= <= != == ===

返回值为布尔值，

1>2---返回值为flase;

==只需要数值相等

===不仅需要数值相等，数据类型也要相同

4>逻辑运算符：&& 并且 || 或者！取反

返回值为布尔值

5>三目运算符：

4、控制语句

5、数组

6、方法

知识：

var   b   =   Math.floor(a);  //取整 
  alert(b); 
  
var   c   =   Math.ceil(a);   //向上取整，取整 +1
  alert(c);   

 var   d   =   Math.round(a);  //四舍五入
  alert(d);

三个常用对话框

猜你喜欢