javaScript脚本语言基础
介绍:
JavaScript可以用来实现网页操作(图片切换)
脚本语言:不需要编译 sql html css javaScript 由某种解释器直接可以运行的
JavaScript也是面向对象的,但与java是两种不同的语言
script:脚本
javaScript是嵌入在html中来实现自身的功能的
java是一种后端高级语言,是需要编译的
html是网页基本内容(标签,文本)
css是网页外观(样式)
JavaScript/js是网页的行为,为网页可以添加各种动态效果
ES TS面向对象结构搭建
使用:
<!-- 导入外部js文件,导入外部script标签中就不能再写其他的js脚本了 --><script src="js/index.js"></script>
写函数:
<script>function next(){//alert()是js中内置好的一个对话框函数,在安装浏览器的时候,已经安装到你的电脑alert("阿贡博噶懂莫斯弟")}</script>
事件:
通过按钮触发事件,通过事件调用函数
语法:
变量:
js声明变量 java语言强类型语言 python js弱类型语言
变量没有类型 直接用var关键字声明即可 值有类型,给变量附了什么值,变量就是什么类型的
var a=10;a="aba";a=true;var b="abc";alert(a);
数据类型:
1.数值型 : 包括整数和浮点数
var c=10;alert(typeof(c)); //typeof(c) 返回c的数据类型c=10.5alert(typeof(c));alert(c+5);
2.布尔型:true false
alert(a==b);if(2){alert(111);}alert(a==b);if(2){alert(111);}
3.字符串型:“abc” ‘abc’
var s1="afd";var s2="adfd";alert(typeof(s1));alert(typeof(s2));
4.undefined类型:不明确的 声明了一个变量,却没有为变量初始化赋值,值不明确
var xalert(x);
5.object 对象类型:
js也是面向对象的语言 前期我们主要使用内置的对象,我们自己不定义对象
前端学习ES TS 面向对象结构搭建
alert(data.getFullYear());alert(s1.charAt(2));
运算:
算术运算符 + - * / % ++ –
var a=10;var b=5;var c="5";alert(a+b); //加法alert(a+c); //连接alert(a+c*1); //先乘法再加法alert(a-b); //减法alert(a-c); //减法 10-"5" 隐式5转数值alert(a-"a") //NaN not a numberalert(a*b);alert(a*c);a-=c; //减法alert(a); // =(赋值) ==(比较值是否相等) ===(比较值是否相等,还需要比较两个类型是否一致)alert(b==c);alert(b===c);
函数:
声明函数:
function test(){alert("末日铁拳");}function test2(a,b){alert(a+b);return 7;}
使用函数:
test();var c=test2(1,5);alert(c);
全局函数:
1.弹出框:
alert("消息提示框");
2.确认对话框:确定-true,取消false
var res=confirm("你确定?");alert(res);
3.输入对话框:
var name=prompt("请输入");alert(name);
4.typeof() 返回参数的数据类型:
var a=new Date();alert(typeof(a));
-
parseInt(n) 把参数转换为整数,如果参数是浮点数保留整数部分,如果参数字符串有非数字字符串,返回NaN
parseFloat(n) 将参数转为浮点数
var b="5";alert(5+parseInt(b));
6.eval(s) 可以将某个字符串当作js脚本运行
var c=1;var s3="2+7+c*5";var re=eval(s3);alert(re);