javascript基础知识

最新推荐文章于 2020-05-31 16:13:16 发布

weixin_34390105

最新推荐文章于 2020-05-31 16:13:16 发布

阅读量42

点赞数

文章标签： javascript xhtml ViewUI

原文链接：http://www.cnblogs.com/coderookie0820/archive/2013/05/27/4367470.html

版权

JS代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>自定义网页标题</title>
  <meta name="keywords" content="自定义关键字"/>
  <meta name="description" content="自定义描述"/>
  <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
  <!--JS代码一般放在head标签间，但时间上也可以在别的位置-->
  <script language="javascript">
	window.alert("hello!");
	//js中变量的定义(在js中变量用var表示，不管实际类型)
	var num1=456;
	var num2=89;
	var result=num1+num2;
	window.alert("结果是"+result);//alert函数
  </script>
 </head>
 <body>
	 
 </body>
</html>

JS代码：

	var v1="abc";
	var v2=890;
	window.alert("v1是"+typeof v1);//typeof可以知道变量的类型
	window.alert("v2是"+typeof v2);
 
	v1=567;//js的动态语言
	window.alert("v1是"+typeof v1);
	
	window.alert(tt);//报错，未定义

	var tt;//没有给值
	window.alert(tt);//弹出undefine

JS代码：

	//数字类型
	var a=123;//整型常量
	var b=034;//八进制
	var c=a+b;
	var c=5E3;//实型常量
	window.alert(c);
	
	//特殊数值
	var a="abc";
	window.alert(parseInt(a));//解析字符串返回整数，弹出NaN(not a number)
	window.alert(6/0);//弹出Infinity(无穷大)
	
	window.alert(isNaN(123));//返回false
	
	//字符串类型
	var a="abcd";
	var b='abcddd';//js中的字符串可以是双引号也可以单引号括起来
	var c="abklad\"skfl";//如果字符串里要有"，则用\转义
	window.alert(c);

JS代码：

	//算数运算符
	var a=90;
	var b=8;
	if(a%b==0){
		window.alert("能整除");
	}else{
		window.alert("不能整除");
	}
	
	var a=56;
	var b=++a;
	window.alert(b);
	window.alert(a);
	
	var a=56;
	var b=90;
	a-=34;
	b%=a;
	window.alert(b);
	window.alert(a);

JS代码：

//关系运算符
	var a=9;
	var b="9";
	if(a==b){
		window.alert("ok!");
	}else{
		window.alert("no");
	}
	
	var val=window.prompt("请输入值");//弹出输入框，返回字符串
	var val2=window.prompt("请再输入一个值");

	document.writeln("你的输入是"+(parseFloat(val)+parseFloat(val2)));//直接在浏览器输出内容
	
	//请编写一个程序，接收2个数比较大小
	var num1=window.prompt("请输入第一个数");
	var num2=window.prompt("请输入第二个数");
	num1=parseFloat(num1);
	num2=parseFloat(num2);
	if(num1>num2){
		window.alert("num1>num2");
	}else if(num1<num2){
		window.alert("num1<num2");
	}else{
		window.alert("num1=num2");
	}

JS代码：

//逻辑运算符：0,"",false,null,undefined,NaN都表示false
	var a=90;
	var b=9;
	if(a<b && ++a>345){
		window.alert("ok");
	}else{
		window.alert("no");
	}
	
	window.alert("a="+a);

	var a=0;
	if(!a){
		window.alert("ok");
	}
	
	//在js中，||返回第一个不为false那个值(对象亦可)，或者返回最后一个值(如果全部都是false的话),所以||返回的不一定是布尔值
	var a=0;
	var b="";
	var d=false;
	var obj=new Object();
	var c=a||b||d||obj;
	window.alert(c+" 类型"+typeof c);

JS代码：

//移位运算
	var a=4>>2;
	//4  二进制  00000100  向右移动2位左边补0  00000001
	var b=-4>>2;
	//-4  原码  10000000 00000100  反码 11111111 11111011  补码  11111111 11111100  向右移动2位左边补1  11111111 11111111 反码  11111111 11111110 原码 10000000 00000001
	window.alert(a);
	window.alert(b);

JS代码：

//多分支控制
	var sex=window.prompt("请输入性别");
	if(sex=="男"){
		window.alert("上男厕所");
	}else if(sex=="女"){
		window.alert("上女厕所");
	}else{
		window.alert("不上厕所");
	}

//switch,js的switch语句数据类型可以是js支持的任何类型（数组和对象除外）
	var a=890;
	switch(a){
		case 890:
			window.alert("890");
			break;
		case 90:
			window.alert("90");
			break;
		default:
			window.alert("没有匹配的值");
			break;
	}
	window.alert("end..");

JS代码：

//循环控制
	for(var i=0;i<10;i++){
		document.writeln("你好！<br/>");
	}

	var i=0;
	while(i<10){
		document.writeln("hello<br/>");
		i++;
	}
	
	var i=0;
	do{
		document.write("hello<br/>");
		i++;
	}while(i<10);

//请编写一个程序，可以接受一个整数n
	//1.计算1+2+3+...+n
	var n=window.prompt("请输入一个整数");
	n=parseInt(n);
	var res=0;
	for(var i=1;i<=n;i++){
		res+=i;
	}
	document.writeln("结果是"+res+"<br/>");
	
	//2.计算1!+2!+3!+...n!
	var res2=0;
	var temp=1;
	for(var i=1;i<=n;i++){
		for(var j=1;j<=i;j++){
			temp*=j;
		}
		res2+=temp;
		temp=1;
	}
	document.writeln("第二个结果是"+res2);

JS代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>循环控制练习</title>
  <meta name="keywords" content="自定义关键字"/>
  <meta name="description" content="自定义描述"/>
  <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
  <script language="javascript">
	var n=window.prompt("请输入整数n：");
	/*
	*
	***
	*****
	*******
	*/
	for(var i=1;i<=n;i++){
		for(var j=1;j<=2*i-1;j++){
			document.write("*");
		}
		document.write("<br/>");
	}
	document.write("<br/>");
	/*
	    *
	   ***
	  *****
	 *******
	*/
	for(var i=1;i<=n;i++){
		for(var j=1;j<=n-i;j++){
			document.write("  ");
		}
		for(var k=1;k<=2*i-1;k++){
			document.write("*");
		}
		document.write("<br/>");
	}
	document.write("<br/>");
	/*
	    *
	   * *
	  *   *
	 *******
	*/
	for(var i=1;i<=n;i++){
		for(var j=1;j<=n-i;j++){
			document.write("  ");
		}
		for(var k=1;k<=2*i-1;k++){
			if(i==1||i==n){
				document.write("*");
			}
			else if(k==1||k==2*i-1){
				document.write("*");
			}
			else{
				document.write("  ");
			}
		}
		document.write("<br/>");
	}
	document.write("<br/>");
	/*
	    *
	   ***
	  *****
	 *******
	  *****
	   ***
	    *
	*/
	for(var i=1;i<=n;i++){
		for(var j=1;j<=n-i;j++){
			document.write("  ");
		}
		for(var k=1;k<=2*i-1;k++){
			document.write("*");
		}
		document.write("<br/>");
	}
	for(var i=n-1;i>=1;i--){
		for(var j=1;j<=n-i;j++){
			document.write("  ");
		}
		for(var k=1;k<=2*i-1;k++){
			document.write("*");
		}
		document.write("<br/>");
	}
	document.write("<br/>");
	/*
	    *
	   * *
	  *   *
	 *     *
	  *   *
	   * *
	    *
	*/
	for(var i=1;i<=n;i++){
		for(var j=1;j<=n-i;j++){
			document.write("  ");
		}
		for(var k=1;k<=2*i-1;k++){
			if(k==1||k==2*i-1){
				document.write("*");
			}
			else{
				document.write("  ");
			}
		}
		document.write("<br/>");
	}
	for(var i=n-1;i>=1;i--){
		for(var j=1;j<=n-i;j++){
			document.write("  ");
		}
		for(var k=1;k<=2*i-1;k++){
			if(k==1||k==2*i-1){
				document.write("*");
			}
			else{
				document.write("  ");
			}
		}
		document.write("<br/>");
	}
	document.write("<br/>");
  </script>
 </head>
 <body>

 </body>
</html>

转载于:https://www.cnblogs.com/coderookie0820/archive/2013/05/27/4367470.html

weixin_34390105

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript基础知识

JS代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.or...
复制链接

扫一扫