JavaScript基础

最新推荐文章于 2024-09-12 16:05:15 发布

秘境之眼

最新推荐文章于 2024-09-12 16:05:15 发布

阅读量176

点赞数

分类专栏： Java Web

本文链接：https://blog.youkuaiyun.com/TxyITxs/article/details/104909466

版权

Java Web 专栏收录该内容

9 篇文章

订阅专栏

<!DOCTYPE html>
<html>
  <head>
    <title>js1.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

	<!-- 内部js ,执行顺序与放的位置有关，可放在任意地方-->
	<script type="text/javascript">
	
	//在<script> 中注释，使用双斜杠
		alert("Hello Word");
		
		
	//定义变量
		var a =3;
		alert(a);
		a="abc";
		alert(a);
		
		//number
		var num1=1;
		var num2=1.2;
		var num3= NaN;
		
	//输出到页面
		document.write(num1+"<br/>");
		document.write(num2+"<br/>");
		document.write(num3+"<br/>");
		
		//string 
		var ch1="ahyvh";
		var ch2="字符串";
		document.write(ch1+"<br/>");
		document.write(ch2+"<br/>");
		
		//boolean
		var bf=true;
		
		//null
		var obj1=null;
		var obj2=undefined;
		
		//undefined;
		var obj3=undefined;
		
		
		//自动判断上述变量类型的运算符typeof，对null德玛类型，出现的是object
		document.write(ch2+"的类型type="+typeof(ch2)+"<br/>");
		
		
		//运算符
		//一元运算符 ++，--， +
		
		//算数运算符  +,-,*,/ .%
		var a=1;
		var b=2;
		document.write(a+b+"<br/>");
		document.write(a-b+"<br/>");
		document.write(a*b+"<br/>");
		document.write(a/b+"<br/>");
		document.write(a%b+"<br/>");
		
		
		
		//赋值运算符   =，+=,-=
		
		//比较运算符>,<, >=,<=,==,===(全等)
		//字符串是按照字典顺序比较，ascii码比较
		document.write(("abc">"acb")+"<br/>");
		
		//返回true，先进行类型转换
		document.write(("123"==123)+"<br/>");
		
		//返回false，先进行类型判断，在转换类型比较
		document.write(("123"=== 123)+"<br/>");
		
		//逻辑运算符 &&，||，！
		//其他类型转boolean
		//number:0或NaN为假，其他为真
		
		var a = 3;
		document.write(!!a+"<br/>");
		//空字符串为假，其他为真
		var s="abc";
		document.write(!!s+"<br/>");
		
		//null和 undefined转boolean
		var n=null;
		var u=undefined;
		document.write(!!n+"<br/>");
		document.write(!!u+"<br/>");
		
		
		
		
		//三元运算符 ？：
		var a=1;
		var b=2;
		var c=a > b ? 1 : 0;
		
	     //string 转number
		//通过+自动进行了类型转换，若不是数字字符串，则转化为NaN
		var b=+"123";
		
	    //boolean转number
		var n1=+true;
		var n2=+false;
		
		
		//特殊语法：分号可以删除，var可以不用，定义的就是全局变量，var定义的是局部变量
		function fun()
		{
			b=10;
		}
	
		//流程控制语句 if else switch，while，do while
		//可以接受的数据类型都可以
		var s;
		switch(s)
		{
			case 1:
				alert("number");
				break;
			case "q":
				alert("string");
				break;
			case null:
				alert("null");
				break;
			case undefined:
				alert("undefined");
				break;
		}
		
		var i=1;
		var s=0;
		while(i<=100)
		{
			s+=i;
			i++;
		}
		
		for(var j=0;j<=100;j++)
		{ 
			s+=j;
		}
	</script>
  </head>

  <body>
    This is my HTML page. <br>
    <script type="text/javascript" src="js.js">	</script>
    
    <!-- <script> 标签可以定义多个，要注意在其中需要操作的html元素需要定义在其前面，保证执行的顺序-->
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <title>js2.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

	<style type="text/css">
		td
		{
			border:1px solid;
		}
	</style>
	
	<script type="text/javascript">
	
		document.write("<table align='center'>");
		for(var i=1;i<=9;i++)
		{
			document.write("<tr>");
			for(var j=1;j<=i;j++)
			{
				document.write("<td>");
				document.write(i+"*"+j+"="+(i*j)+"&nbsp;&nbsp;&nbsp;");
				document.write("</td>");
			}
			/*document.write("<br/>");*/
			document.write("</tr>");
		}
		document.write("</table>");
	</script>
  </head>
  
  <body>
    This is my HTML page. <br>
  </body>
</html>