首页 > 代码库 > javascript001

javascript001

2024-10-23 20:28:39   215人阅读

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <title>Javascript语法</title>
  </head>
  
  <body>
    	<!--
		js和html相结合的方式：
		1，将javascript代码封装到<script>标签中。
		2，将javascript代码封装到js文件中，并通过<script>中的src属性进行导入。
		
		注意：如果<script>标签中使用src属性，那么该标签中封装的javascript代码不会被执行。 
		所以通常导入js文件都是用单独<script>来完成。
		-->
		
		<!--导入一个js文件-->
		<!--script type="text/javascript" src="http://www.mamicode.com/demo.js"></script-->
		
		<!--封装javascript代码。-->
		<script type="text/javascript">
			//alert("hello javascript");
		</script>
		
		<!--演示javascript语法通用内容-->
		<script type="text/javascript">
			/*
			 * 通常高级程序设计语言所包含的语法内容：
			 * 1，关键字:该种语言中被赋予了特殊含义的单词。
			 * 2，标示符:用于标示数据和表达式的符号。通常可以理解为在程序中自定义的名称。比如变量名，函数名。
			 * 3，注释:注解说明解释程序。用于调试程序。
			 * 4，变量:用于标示内存中一片空间。用于存储数据，该空间的中的数据是可以变化的。 
			 * 			什么时候使用变量，当数据不确定的时候。
			 * 5，运算符：可以让数据进行运算的符号。
			 * 6，语句:用于对程序的运行流程进行控制的表达式。
			 * 7，函数:用于对功能代码进行封装，便于提高复用性。
			 * 8，数组:对多数据进行存储，便于操作。就是传说中容器。
			 * 9，对象:只要是基于对象的语言，或者是面向对象的语言，就存在着对象的概念，
			 * 			对象就是一个封装体。既可以封装数据有可以封装函数。 
			 * 
			 * 这些都是高级程序设计语言具备的共性内容，只不过各种语言对这些内容的表现形式有所不同。
			 * 但是使用基本思想是一致。 
			 */
		</script>
		
		<script type="text/javascript">
			/*
			 * js中定义变量。使用到关键字。
			 * 这个关键字就是var  
			 */
			// 定义变量。Js是弱类型的。
			var x = 4; // var不写也行，因为js是非严谨的语言，但是我们开发的时候建议都按照严谨的方式来定义。
			x = "abc"; // 重新赋值为字符串abc。
			x = 3.45; // 赋值为小数。其实也是数字类型。
			x = true; // 赋值为boolean类型。
			x = ‘c‘; // 赋值为字符串c。
			// alert("x="+x);//这是一个函数，将具体的参数通过对话框进行显示。
		</script>
		
		<script type="text/javascript">
			/*
			 * 运算符。
			 * 1，算术运算符。
			 * 		+ - * / % ++ --
			 * 2，赋值运算符。
			 * 		=  += -= *=  /= %= 
			 * 3，比较运算符:运算的结果要么是false要么是true。
			 * 		> < >= <= != ==
			 * 		
			 * 4，逻辑运算符。用来连接两个boolean型的表达式。
			 * 		!  &&  ||
			 * 5，位运算符。
			 * 		&  |  ^  >> << >>>
			 * 6，三元运算符。
			 * 		? :
			 */
			
			//1，算术运算符演示。
			var a = 3710;
			// alert("a="+a/1000*1000);//a=3710;
			var a1 = 2.3, b1 = 4.7;
			// alert("a1+b1="+(a1+b1));
			// alert("12"-1);//11
			// alert("12"+1);//121
			// alert(true+1);//2//因为在js中false就是0，或者null，非0，非null。就是true。默认用1表示。
			// alert(2%5);//2
			var n = 3, m;
			m = ++n;
			// alert("n="+n+",m="+m);
			// =================================================

			// 2，赋值运算符
			var i = 3;
			// i = i+2;
			i += 2;
			// alert("i="+i);

			// =================================================
			// 3，比较运算符。
			var z = 3;
			// alert(z!=4);

			// =================================================
			// 4，逻辑运算符。
			var t = 4;
			// alert(t>7 && t<6);
			// alert(!true);

			// =================================================
			// 5，位运算符。
			var c = 6;
			// alert(c&3);//2
			// alert(5^3^3);//5
			// alert(c>>>1);//6/2(1);
			// alert(c<<2);//24

			// =================================================
			//6，三元运算符。	
			// 3 > 0?alert("yes"):alert("no");
			// alert(3>10?100:200);
		</script>
		
		
		
		<script type="text/javascript">
			/*
			 * 一些细节：
			 * 1,undefined:未定义。其实它就是一个常量。
			 */
			var xx;
			// alert(xx);//undefined
			// alert(xx==undefined);//true

			//要想获取具体的值的类型。可以通过typeof来完成。
			// alert(typeof("abc")==‘string‘);//string
			// alert(typeof(2.5)==‘number‘);//number//判断类型。
			// alert(typeof(true));//boolean
			// alert(typeof(78));//number
			// alert(typeof(‘9‘));//string
		</script>
  </body>
</html>


javascript001


联系
我们