JavaScript的各种用法_(2)javascript有哪几种用法?-优快云博客

本文深入解析JavaScript的基础知识，包括数据类型、运算符、内建对象如Array、Boolean、Number、String、Date和Math的使用方法，以及函数定义的各种方式。探讨了不同引用方式、变量声明、数据类型转换、运算符功能、内建对象的属性和方法，还有正则表达式的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>JavaScript的三种引用方式</title>
		<!-- 
		1.内联
		    <input type="button" value="点击一下" onclick="alert('ok')" />
		2.外联
		    <script type="text/javascript">
		       alert("周一好")
		    </script>
		3.外部
		    javaScript代码可以写在html页面的任意位置，建议在
			不影响html的情况下，尽量放在后面加载
		 -->
		 <script type="text/javascript" src="Myjs.js">
		 	
		 </script>
	</head>
	<body>
		<input type="button" value="点击一下" onclick="alert('ok')" />
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- 1.注释：同java的单行和多行注释
		2.变量：弱类型
		          var i = 1;
				  var d = 1.2;
				  var b = true;
				  var str = "cusgyduyvc";
		3.原始数据类型
				  string 字符串
				  number 整数浮点数
				  boolean 布尔
				  underfined 未定义的，未初始化
				  null
		4.数据类型之间的转换
		          number，boolean => string：tostring()
				  eg:var a = true;   a.tostring()
				  string => number:parsInt(),parseFloat()
				  string =>number:字符串全为数字时，可以正常转换，如果有其他字符，
				                  会从第一个非数字开始结束转换
		5.强制转换：
		          Boolean(参数)：转换为布尔
				  string转换boolean：非""字符串为true，""为false
				  number转换boolean：非0数字转换为true，0为false
				  Number(参数)：转换成数字
				  string转换number：全数字正常转换，存在费数字本方法结果为NaN
				  boolean转换number：true转换为1，false为0
									
				  NaN：not a number 的缩写，表示结果为非数字：
				  typeof：用于获取变量的类型 -->
		
		<script type="text/javascript">
			var a = "123"
			alert(parseInt())
			alert(typeof parseInt(a))
		</script>
	</head>
	<body>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Javascript运算符</title>
		<script type="text/javascript">
			/*
			运算符
		1.赋值运算符
		    var i = 1;
		2.算数运算符
			+ - * / %
			+ : 如果加号两侧有字符串,加号起拼接作用
			- * / %: 先将字符串‘或布尔转换成数字，进行运算
		3.逻辑运算符
			&&：逻辑与，当且仅当两侧全为true时，结果为true
			|| ：逻辑或，当且仅当两侧全为false时结果为false
		4.比较运算符
			> < >= <= == !=
			=== :判断值，类型
			==:只判断值
		5.三元运算符
			a? b: c
			a为boolean类型的值或式子，当a为true整体结果为b，反之为c
		6.void运算符
			<a href="javascript:void(0)">xxxx</a>
		7.类型运算符
		    typeof：结果值为变量的类型
			instanceof：结果值为boolean类型，判断变量是否为该类型
			*/
		    var obj = new Object
		    
		</script>
	</head>
	<body>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Javascript内建对象--Array</title>
		<script type="text/javascript">
			/*
			1.构建方式
			  new Array();// 创建空的数组
			  new Array(size);// 创建指定初始容量的数组
			  new Array(Element0,Element1,.....);// 创建包含指定元素的数组
			  var arr = [];// 创建空的数组
			  var arr = [Element0,Element1,......];
			2.属性
			  lenght 设置或返回数组中的元素的数目
			3.方法
			  join() 把数组的所有元素放入一个字符串.元素通过指定的分隔符进行分隔
			  pop() 删除并返回数组的最后一个元素
			  shift() 删除并返回数组的第一个元素
			  sort() 对数组的元素进行排序
			  push() 向数组的末尾添加一个或多个元素,并返回新的长度
			  reverse() 颠倒数组中元素的顺序
			  */
			 
		</script>
	</head>
	<body>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Javascript内建对象--Boolean，number</title>
		<script type="text/javascript">
			var b1 = new Boolean(true);
			var b2 = Boolean(true);
			
			alert(typeof b1);
			alert(typeof b2);
			
			alert(typeof b1.valueOf());
		</script>
	</head>
	<body>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Javascript内建对象--String</title>
		<script type="text/javascript">
			/*
			创建方式
			    var str = new String(s);
                var str = String(s);
			属性和方法
			    length	字符串的长度
				charAt()	返回在指定位置的字符。
                charCodeAt()	返回在指定的位置的字符的 Unicode 编码。
				indexOf()	检索字符串。
				lastIndexOf()	从后向前搜索字符串。
				split()	把字符串分割为字符串数组。
				substr()	从起始索引号提取字符串中指定数目的字符。
				substring()	提取字符串中两个指定的索引号之间的字符。
				toUpperCase()	把字符串转换为大写。
			*/
		    
			var str = new String("asdgagdhlakh");
			alert(str.charCodeAt(0));
		</script>
	</head>
	<body>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Javascript内建对象--Date</title>
		<script type="text/javascript">
			/*
			创建方式
			    var myDate=new Date(毫秒值);//代表从1970-1-1到现在的一个毫秒值
			属性和方法
			    getFullYear(): 年
				getMonth():月 0-11
				getDate():日 1-31
				getDay(): 星期0-6
				getTime(): 返回1970年1月1日午夜到指定日期（字符串）的毫秒数
				toLocaleString(): 获取本地时间格式的字符串
			*/
		   
		   var d = new Date(10000000000000);
		   alert(d.toLocaleString())
		</script>
	</head>
	<body>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Javascript内建对象--Math</title>
		<script type="text/javascript">
			/*
			Math
			1.创建方式：
			    var pi_value=Math.PI;
                var sqrt_value=Math.sqrt(15);
				Math 对象并不像 Date 和 String 那样是对象的类，因此没有构造函数
				 Math()，像 Math.sin() 这样的函数只是函数，不是某个对象的方法。
				 您无需创建它，通过把 Math 作为对象使用就可以调用其所有属性和方法。
			2.属性和方法
				 PI：圆周率
				 abs():绝对值
				 
				 ceil(x):对数进行上舍入。向上取整
				 floor(x):对数进行下舍入。向下取整
				 round(x):四舍五入
				 
				 pow(x,y):返回x的y次幂
				 random():返回 0 ~ 1 之间的随机数。
			*/
		   alert(Math.random())
		</script>
	</head>
	<body>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			// qq号:5-11位,0不能开头,全部数字
			var pattern = /^[123456789][0-9]{4,10}$/;
			var reg = new RegExp(pattern)
			alert(reg.test(11111111));
			
		</script>
	</head>
	<body>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>js函数定义的方式</title>
		<script type="text/javascript">
			/*
			js函数定义的方式
			1.普通方式
			    语法：function 函数名（参数列表）{函数体}
				实例：function method(i){
					    alert(i)
				}
			2.匿名函数
				语法:function(参数列表){函数体}
				实例:var b = function(a){
					alert(a);
				}
				b(1111);
			3.对象函数
				语法：new Function(参数1,参数2,......,函数体);
				注意：参数名称必须使用字符串形式、最后一个默认是函数
				      体且函数体需要字符串形式
				实例：
					  var method = new Functtion("a","b","c","alert(a+b+c)");
					  method(1,2,3);
					  
			函数的参数
				1.形参没有var去修饰
				2.形参和实参个数不一定相等
				3.arguments对象 是个数组 会将传递的实参进行封装
				function method(a,b,c){
					for(index in arguments){
						alert(arguments[index]);
					}
				}
					  method(1,2,3,4,5,6);
			
			返回值
				1.在定义函数的时候不必表明是否具有返回值
				2.返回值仅仅通过return关键字就可以了 return后的代码不执行
					  
				function method(a,b,c){
				return a+b+c;
				}
				var n = method(1,2,3){
					alert(n);
				}
			*/
		</script>
	</head>
	<body>
	</body>
</html>