当当当当~~~~欢迎大家阅读,今天学习基础 JavaScript
一:概念
二:功能
可以来增强用户和html页面的交互过程,可以来控制html元素,让页面有一些动态的效果,增强用户的体验。
三:JavaScript发展史
四: ECMAScript:客户端脚本语言的标准
(一):基本语法
1:与html结合方式
<!--
内部JS
外部JS
-->
<script>
alert("Hello World");
</script>
<script src="js/a.js"></script>
2:注释
3:数据类型
4:变量
//定义number类型
var num=1;
//输出在页面上
document.write(num+"---"+typeof(num)+"<br>");
5:运算符
var str1="abc";
var str2="";
document.write(!!str1+"<br>");
document.write(!!str2+"<br>");
document.write("<hr>");
if (obj!=null&& obj.length>0){
//防止空指针异常
alter(111);
}
<script>
var a=3;
var b=4;
var c=a>b? 1:0;
alert(c);
</script>
6:流程控制语句
//switch语句
<script>
var a=1;
switch (a) {
case 1:
alter("number");
break;
case "abc":
alter("string");
break;
case true:
alter("true");
break;
case null:
alter("null");
case undefined:
alter("underfined");
}
</script>
//while语句
<script>
//1~100求和 5050
var sum=0;
var num=1;
while(num<=100){
sum +=num;
num++;
}
alert(sum);
</script>
//for语句
<script>
//1~100求和 5050
var sum=0;
for(var i=1;i<=100;i++){
sum +=i;
}
alert(sum);
</script>
7:JS特殊语法
<script>
//1. 语句以;结尾,如果一行只有一条语句则 ;可以省略 (不建议)
var a=3
alter(a)
/*
2. 变量的定义使用var关键字,也可以不使用
* 用: 定义的变量是局部变量
* 不用:定义的变量是全局变量(不建议)
*/
var b;
function fun() {
b=3;
}
fun();
alter(b);
</script>
(二)基本对象
1: Function:函数(方法)对象
//创建方式1
var fun1=new Function("a","b","c","alert(a);")
//创建方式2
function fun2(a,b){
alert(a+b);
}
//创建方式3
var fun3=function(a,b) {
alert(a-b);
}
function fun2(a,b) {
alert(a);
alert(b);
}
/*求任意两个数的和*/
function add(){
var sum=0;
for(var i=0;i<arguments.length;i++){
sum+=arguments[i];
}
return sum;
}
var sum=add(1,2,3);
alert(sum);
2:Array:数组对象
var arr=[1,"abc",true];
document.write(arr+"<br>");
document.write(arr[0]+"<br>");
// document.write(arr[10]+"<br>");
arr[10]="呵呵";
document.write(arr[10]+"<br>");
//alert(arr.length);//11
document.write(arr.join("--")+"<br>");
3:Boolean
4:Date:日期对象
<script>
var date=new Date();
document.write(date+"<br>");
document.write(date.toLocaleDateString()+"<br>");
document.write(date.getTime()+"<br>");
</script>
5:Math:数学对象
<script>
document.write(Math.PI+"<br>");
document.write(Math.random()+"<br>");
document.write(Math.round(3.14)+"<br>");
document.write(Math.ceil(3.14)+"<br>");
document.write(Math.floor(3.14)+"<br>");
var number=Math.floor((Math.random()*100))+1;
document.write(number);
</script>
6:Number
7:String
8:RegExp
正则表达式对象
<script>
var reg=new RegExp("^\\w{6,12}$")
var reg2=/^\w{6,12}$/;
alert(reg);
alert(reg2);
var username="zhangsan"
//验证
var flag=reg2.test(username);
alert(flag);
</script>
9:Global
以上就是JavaScript基础内容啦,希望我的文章对你有所帮助,如果有错误的地方还望大家批评指正,谢谢大家阅读!