js学习小计

目录

什么是js

js的位置分类

功能划分

ECMAScript

函数

系统函数

自定义函数

什么是js

Javascript是一门解释型语言，弱数据类型，工作在浏览器端，用来制作网页特效 表单 验证 dom 元素等

js的位置分类

（1）外部js，通过scr属性引用外部资源

src：source的缩写，应用外部资源（指向外部资源的位置）。

可应用在：img、script、iframe标签上。

<script type='text/javascript' src="js/js01.js"></script>外部

（2）内部/内联js，通过onclick事件设置鼠标单击时触发

<button onclick="alert(2)">按钮</button>内部/内联

（3）内嵌js，直接通过script写入，在页面上输出hello World

<script>
    document.write('hello Wrold!');内嵌
</script>

功能划分

（1）ECMAScript：语法，变量，对象函数等做了规范

（2）BOM,全称Browser object model,浏览器对象模型,通俗为站在浏览器的角度分析对象

（3）DOM,全称Document object model,文档对象模型,通俗为站在代码角度分析对象之间的关系

ECMAScript

（1）变量：使用var定义

（2）数据类型：underfind 未定义  number 数字  string 字符串  boolean 布尔型  object 对象

var num;
var num=10;
var num="123";
var num=true;

警示框，alert();，在网页弹出信息输入的信息

alert(123);

确认框，confirm();，在网页弹出确认框

a=confirm('你确定要删除信息吗？');
alert(a);

输入框，prompt();，在网页弹出输入框，可以自订框内的默认值

b=prompt('请输入第一个数','3');
alert(b);

函数

（1）用来实现某一功能的逻辑模块的封装，称为函数

（2）按照系统类划分

系统函数

parseInt 将字符串转为整数

var num1="12.8ttt";
var num2="23.9ttt";

var sum=parseInt(num1)+parseInt(num2);
//转为整型
alert(sum);

parseFloat 将字符串转为浮点数

sum=parseFloat(num1)+parseFloat(num2);
// 转为浮点型
alert(sum);

isNaN 判断是否是一个非数字（判断为普通字符串返回true）

var num="123";

// 判断是否是一个非数字，普通字符串为true
var num3 = isNaN();
alert(num3);

自定义函数

先引入js文件

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

再在文件中写入一个按钮，调用js函数test()

<button onclick="test()">按钮</button>

test()函数为

function test(){
    alert(123)
}

当单击按钮时，网页弹出123

除了按钮，块也可以触发

<div onclick="test()" style ="width:100px;height:100px;background-color red;"></div

设置块宽100像素，高100像素，背景为红色，单击时触发函数test()，效果与按钮一致

当然，函数也能用来做计算

function test02(num1,num2){
    var sum=sum1+sum2;
    alert(sum);
}
test02(10,20);

function test03(num1,num2){
    return sum1+sum2;
}
var sum=test03(7,9);
alert(sum);

函数按照名字划分又分为，有名函数和匿名函数，按照参数划分又分为，有参函数和无参函数

按照返回值划分又分为，有返回值函数和无返回值函数