JS基础语法详解-优快云博客

本文链接：https://blog.youkuaiyun.com/db19981999/article/details/104711992

一、与html结合的方式

使用script标签：
直接show code更容易明白：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">//记住这个
	alert("aaaa");
</script>
</body>
</html>

这样就一目了然啦
2、使用js文件方式：
首先当然是创建js文件“xx. ”，直接在里面写js代码，我是在eclipse里面直接创建的：
选择JavaScript Source File

然后直接在html文件的script标签写，但是标签里面不能写东西，代码在js文件里：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript" src="J.js">//sopda
<!--里面不要添加其他代码 -->	
</script>
</body>
</html>

二、数据类型和变量

常用类型：

String	字符串
number	数字类型（js不分整数小数）
boolean	布尔
null	空对象
undefined	未定义

2、声明：
格式：var+<变量名>，不用加类型名
code:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
	var s="程序员";
	var n=1;
	
	document.write(s);
	document.write("<br/>")//可以这样使用标签
	document.write(n)
</script>
</body>
</html>

3、运算符：
js 的运算符跟java差不多，但有几个不同的要注意：

两个等于号和三个等于号：
code:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
	/*
	var s="程序员";
	var n=1;
	
	document.write(s);
	document.write("<br/>")//可以这样使用标签
	document.write(n)
	*/
	
	var s="12";
	var n=12;
	if(s==n){      //== 只比较的是值,这里结果是true
		document.write("true");
	}else{
		document.write("false");   
	}
	document.write("<br/>");
	
	if(s===n){    //"==="比较值和类型，这里结果是false
		document.write("true");
	}else{
		document.write("false");
	}
</script>
</body>
</html>

4、数组：
三种常用声明，直接show:
code:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
	/*
	var s="程序员";
	var n=1;
	
	document.write(s);
	document.write("<br/>")//可以这样使用标签
	document.write(n)
	
	
	var s="12";
	var n=12;
	if(s==n){      //== 只比较的是值,这里结果是true
		document.write("true");
	}else{
		document.write("false");   
	}
	document.write("<br/>");
	
	if(s===n){    //"==="比较值和类型，这里结果是false
		document.write("true");
	}else{
		document.write("false");
	}*/
	
	<!--第一种 -->
	var a=[1,2,3,"a"];
	document.write(a);
	document.write("<br/>");
	<!--第二种-->
	var b=new Array(5);//一个参数表示长度
	b[0]=1;
	document.write(b[0]);
	document.write("<br/>");
	<!--第三种-->
	var c=new Array(10,9,8)
	document.write(c);
	
</script>
</body>
</html>

三、基本语法和方法：

1.区分大小写
2.分号结尾
3.一些方法：

类型转换：

`var  a=123;
 var b=a.toString();
 var c=true;
 var d=Number(c)

4.对象：
1）自定义：

//传统
 var obj=new Object();
    obj.name="李逍遥";
    console.log(obj);
    //字面变量
     var obj2={
       name:"迪迦",
       skill:"打怪兽"
   }
    console.log(obj2);

2).函数：

 function fun1() {         //定义函数
      alert("你好你好hello");
  }
    fun1();//函数调用
 function fun2(a,b) {
       alert(a+b);
    }
    fun2(1,2);

Js基础

一、与html结合的方式

二、数据类型和变量

三、基本语法和方法：