JavaScript基本对象-优快云博客

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

<!DOCTYPE html>
<html>
  <head>
    <title>js3.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">-->

  </head>
  
  <body>
  
  <script>
  	/* javascript 基本对象*/
  	
  	//function 函数对象
  	//创建方式1,new Function(形参1，形参2，方法体)
  	var fun=new Function("a","b","alert(a)");
  	fun(3,4);
  	
  	//通过function 方法名(形式参数列表)
  	function fun1(a,b)
  	{
  		alert(a+b);
  	}
  	fun1(3,4);
  	
  	//通过 var 方法ming=function(形参列表)
  	var fun2=function(a,b)
  	{
  		alert(a+b);
  	}
  	fun2(3,4);
  	
  	//属性 length，表示形参的个数
  	alert(fun.length);
  	alert(fun1.length);
  	alert(fun2.length);
  	
  	//函数其实就是一个对象，可以相互赋值，如重复定义相同名称的函数，后面的将覆盖前面的函数。
  	var fun2=function(a,b)
  	{
  		alert(a-b);
  	}
  	fun2(3,4);
  	
  	//函数参数可以不一定匹配,方法的调用只与方法名有关，与形参列表无关，在方法的声明中有一个隐藏的内置对象，是一个数组，arguments，封装所有的形式参数。，
  	fun2(2);
  	fun2();
  	fun2(1,2,3);//三个参数都被arguments接受
  	
  	
  	//函数的返回类型var可以省略
  	function add(a,b)
  	{
  		return a+b;
  	}
  	var sum=add(1,2);
  	alert(sum);
  	
  	function Add()
  	{
  		//利用arguments来实现
  		var sum=0;
  		for(var i=0;i<arguments.length;i++)
  		{
  			sum+=arguments[i];
  		}
  		return sum;
  	}
  	
  	var sum=Add(1,2,3,4,5,6,7,8,9);
  	alert(sum);
  	
  	
  	//数组对象，数组的元素类型是可变的,长度也是可变的
  	var a1=new Array(1,2,3,4,5,6,7,8,9);
  	var a2=new Array(5);//数据长度为5
  	var a3= [1,2,3,4,5,6,7,8,9];
  	
  	var a4=new Array();//空数组
  	var a5= [1,"abc",true];
  	
  	for(var i=0;i<a5.length;i++)
  	{
  			document.write(a5[i]+"<br/>");
  	}
  	
  	document.write(a1+"<br/>");
  	document.write(a2+"<br/>");
  	document.write(a3+"<br/>");
  	
  	
  	//数组属性 join()将数组元素拼接为字符串,
  	 document.write(a3.join("-->")+"<br/>");
  	//push方法
  	
  	
  	
  	//Data 对象
  	var date=new Date();
  	document.write(date+"<br>");
  	
  	document.write(date.toLocaleString()+"<br>");
  	//getTime,获取毫秒值
  	document.write(date.getTime()+"<br>");
  	
  	//Math 对象，不用创建，直接使用
  	document.write(Math.PI+"<br>");
  	
  	//随机数[0,1)
  	document.write(Math.random()+"<br>");
  	
  	//(0,100]的整数
  	var n=Math.floor(Math.random()*100)+1;
  	document.write(n+"<br>");
 
  </script>
    This is my HTML page. <br>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <title>js5.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">-->

  </head>
  
  <body>
  	<script type="text/javascript">
  	
  		/* Global 全局对象，方法不需要对象，就可以调用方法*/
  		//方法
  		//对汉字进行编码
  		/*encodeURI(),url编码，decodeURI(),url解码*/
  		
  		var str = "http://www.baidu.cn?wd=中国地质大学";
  		var encode=encodeURI(str);
  		document.write(encode+"<br>");
  		
  		var str1="%E4%B8%AD%E5%9B%BD%E5%9C%B0%E8%B4%A8%E5%A4%A7%E5%AD%A6";
  		var decode=decodeURI(str1);
  		document.write(decode+"<br>");
  		
  		
  		/*encodeURIComponent(),url编码,编码的字符更多，decodeURIComponent()(),url解码*/
  		var str2 = "http://www.baidu.cn?wd=中国地质大学";
  		var encode1=encodeURIComponent(str2);
  		document.write(encode1+"<br>");
  		
  		var str3="%E4%B8%AD%E5%9B%BD%E5%9C%B0%E8%B4%A8%E5%A4%A7%E5%AD%A6";
  		var decode2=decodeURIComponent(str3);
  		document.write(decode2+"<br>");
  		
  		//parseInt(),将字符串转换成数字，判断每个字符是否是数字，直到不是数字为止，将前面的转换成数字
  		var str4= "123456asdf";
  		var n= parseInt(str4);
  		document.write(n+"<br>");
  		
  		//isNan(),判断一个数是否是NaN，NaN无法直接相比较，只能使用该方法判断
  		var a= NaN ;
  		document.write((a == NaN)+"<br>");
  		document.write(isNaN(a)+"<br>");
  		
  		//eval(),将JavaScript字符串转化为脚本来执行
  		var jscode="alert(123)";
  		eval(jscode);
  		
  		
  	</script>
    This is my HTML page. <br>
  </body>
</html>