JavaScript嵌入HTML页面与JS的函数------JavaScript

川长思鸟来 2024-02-20 12:15 8阅读 0赞

>     // 标识符必须由数字字母下划线美元符号组成,别的符号不允许
>     // 不能以数字开头
>     // 严格区分大小写
>     // 标识符不能用关键字做标识符
>     // 理论上没有长度限制
>     // 类名和接口首字母大写,后面每个单词首字母大写
>     // 方法名和变量名,首字母小写,后面每个单词首字母大写
>     // 所有的常量名,全部大写,单词和单词之间用下划线隔开
>     // 驼峰命名,见名知意
>     // java是一种强类型语言,java存在编译阶段
>     // 在java中,在编译阶段就确定了变量类型,一旦确定类型就无法转换,语法类型转换,不是真转换
>     // int i = 10;double d = i;不是把i变量给了d,把i变量内容改变了
>     // 而是把i变量保存的值10给了变量d,i变量还是int类型,值为10
>     // byte short int long float double boolean char
>     // 1248 4812
>     // JS是一个弱类型语言,没有编译阶段,一个变量可以随意赋值,什么类型都行
>     // undefined在JS里面是一个具体的值,当我们没有给变量赋值的时候,他的值就是undefined
>     java中我们写方法
>     // 修饰符列表 返回值类型 方法名(形式参数列表){方法体}
>     // public static boolean login(String username,String password){return true;}
>     //boolean flag = user.login(username,password);
>     //这里我们实际调用方法的时候传进去的就是实参,实际参数必须与形参一一对应
>     // function 函数名(形参类型){函数体}
>     function sum(a,b)
>     {
>     	// a和b都是变量名,他们都是形参,变量名随意
>     	alert(a + b);
>     }
>     
>     function count(a,b)
>     {
>     	return a + b;
>     }
>     
>     // JS中的函数不需要重载(重载是方法名相同,形参不同(可以是数量,类型,顺序不同))
>     // 调用函数count
>     
>     function sayHello(username)
>     {
>     	alert("hello" + username);
>     	var w = count(10,30);
>     	alert(w);
>     	// var ret = count("jack");
>     		var ret = count();
>     	// 一个值赋值了,另一个值没赋值默认undefined
>     	// 形成了字符串拼接
>     	// NaN是一个具体存在的值,表示该值不是数字
>     	alert(ret)
>     	var sum = count(1,2,3);
>     	//超过了数量,只用了前面的
>     	// js的函数调用时,参数类型没有限制,参数个数没有限制
>     	alert(sum)
>     }
>     
>     function TestI()
>     {
>     	var i = 100;
>     	i = false;
>     	i = "abc";
>     	i = new Object();
>     	i = 3.14;
>     	alert(i)
>     }
>     
>     function Test()
>     {
>     	var a,b,c = 200;
>     	alert(undefined);
>     	alert("a =" + a);
>     	alert("b =" + b);
>     	alert("c =" + c);
>     	// 一个值我们没声明直接用,就会报错
>     	// alert(age);
>     }
>     
>     function test1(username)
>     {
>     	alert(username)
>     }
>     
>     // js中同名函数会彼此覆盖
>     // 后声明的会覆盖前面的函数,谁后谁做主
>     //直接从内存中抹去了之前的函数了
>     
>     function test1()
>     {
>     	alert("test1")
>     }
> 
> // 标识符必须由数字字母下划线美元符号组成,别的符号不允许  
> // 不能以数字开头  
> // 严格区分大小写  
> // 标识符不能用关键字做标识符  
> // 理论上没有长度限制  
> // 类名和接口首字母大写,后面每个单词首字母大写  
> // 方法名和变量名,首字母小写,后面每个单词首字母大写  
> // 所有的常量名,全部大写,单词和单词之间用下划线隔开  
> // 驼峰命名,见名知意  
> // java是一种强类型语言,java存在编译阶段  
> // 在java中,在编译阶段就确定了变量类型,一旦确定类型就无法转换,语法类型转换,不是真转换  
> // int i = 10;double d = i;不是把i变量给了d,把i变量内容改变了  
> // 而是把i变量保存的值10给了变量d,i变量还是int类型,值为10  
> // byte short int long float double boolean char  
> // 1248 4812  
> // JS是一个弱类型语言,没有编译阶段,一个变量可以随意赋值,什么类型都行  
> // undefined在JS里面是一个具体的值,当我们没有给变量赋值的时候,他的值就是undefined  
> java中我们写方法  
> // 修饰符列表 返回值类型 方法名(形式参数列表)\{方法体\}  
> // public static boolean login(String username,String password)\{return true;\}  
> //boolean flag = user.login(username,password);  
> //这里我们实际调用方法的时候传进去的就是实参,实际参数必须与形参一一对应  
> // function 函数名(形参类型)\{函数体\}  
> function sum(a,b)  
> \{  
> // a和b都是变量名,他们都是形参,变量名随意  
> alert(a + b);  
> \}
> 
> function count(a,b)  
> \{  
> return a + b;  
> \}
> 
> // JS中的函数不需要重载(重载是方法名相同,形参不同(可以是数量,类型,顺序不同))  
> // 调用函数count
> 
> function sayHello(username)  
> \{  
> alert("hello" + username);  
> var w = count(10,30);  
> alert(w);  
> // var ret = count("jack");  
> var ret = count();  
> // 一个值赋值了,另一个值没赋值默认undefined  
> // 形成了字符串拼接  
> // NaN是一个具体存在的值,表示该值不是数字  
> alert(ret)  
> var sum = count(1,2,3);  
> //超过了数量,只用了前面的  
> // js的函数调用时,参数类型没有限制,参数个数没有限制  
> alert(sum)  
> \}
> 
> function TestI()  
> \{  
> var i = 100;  
> i = false;  
> i = "abc";  
> i = new Object();  
> i = 3.14;  
> alert(i)  
> \}
> 
> function Test()  
> \{  
> var a,b,c = 200;  
> alert(undefined);  
> alert("a =" + a);  
> alert("b =" + b);  
> alert("c =" + c);  
> // 一个值我们没声明直接用,就会报错  
> // alert(age);  
> \}
> 
> function test1(username)  
> \{  
> alert(username)  
> \}
> 
> // js中同名函数会彼此覆盖  
> // 后声明的会覆盖前面的函数,谁后谁做主  
> //直接从内存中抹去了之前的函数了
> 
> function test1()  
> \{  
> alert("test1")  
> \}  
>

>     <!DOCTYPE html>
>     
>     <html lang="en" id="myHtml">
>     	<head>
>     		
>     		<meta charset="UTF-8">
>     		<meta name="viewport" content="width=device-width, initial-scale=1.0">
>     		<title>HtmlAll</title>
>     		
>     	</head>
>     	<body>
>     		
>     		
>     		
>     		
>     		<script type="text/javascript" src="js.js">
>     			alert("js")
>     			// 暴露在脚本块之内的程序,在页面打开的时候执行,遵循自上而下的方式执行
>     			// 不需要事件(可以用来做特殊操作)
>     			// 脚本块放到Head里面甚至是HTML标签之外都可以执行
>     			// JS代码的注释方式和java是一样的
>     			// 还有alert方法会阻塞整个HTML页面的加载,直到我们按下确认为止
>     		</script>
>     		
>     		
>     		
>     		<input type="button" onclick="Test()" value="加载了"/>
>     		<input type="button" value="Hello" onclick="sum(10,20)"/>
>     		<input type="button" value="Test" id="button" onclick="sayHello('zhangsan')"/>
>     		<input type="button" value="测试" onclick="test1('LISI')"/>
>     	</body>
>     </html>
>     
>     
> 
> <!DOCTYPE html>  
>   
> <html lang="en" id="myHtml">  
> <head>  
>   
> <meta charset="UTF-8">  
> <meta name="viewport" content="width=device-width, initial-scale=1.0">  
> <title>HtmlAll</title>  
>   
> </head>  
> <body>  
>   
>   
>   
>   
> <script type="text/javascript" src="js.js">  
> alert("js")  
> // 暴露在脚本块之内的程序,在页面打开的时候执行,遵循自上而下的方式执行  
> // 不需要事件(可以用来做特殊操作)  
> // 脚本块放到Head里面甚至是HTML标签之外都可以执行  
> // JS代码的注释方式和java是一样的  
> // 还有alert方法会阻塞整个HTML页面的加载,直到我们按下确认为止  
> </script>  
>   
>   
>   
> <input type="button" οnclick="Test()" value="加载了"/>  
> <input type="button" value="Hello" οnclick="sum(10,20)"/>  
> <input type="button" value="Test" id="button" οnclick="sayHello('zhangsan')"/>  
> <input type="button" value="测试" οnclick="test1('LISI')"/>  
> </body>  
> </html>