js入门
Posted 代码吴彦祖
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js入门相关的知识，希望对你有一定的参考价值。
1 <body> 2 HelloWorld.java -> javac HelloWorld.java HelloWorld.class -> java HelloWorld 3 </body> 4 <!-- 5 1. 在引入外部的js的时候，必须要使用 <script src="js/test.js"></script>来结尾，然后不写成<script src="js/test.js" /> 6 2. 在引入的外部脚本的<script></script> 不能书写其他的 js 代码。 7 <script type="text/javascript" src="js/test.js"></script> 8 --> 9 <script> 10 // js的每行代码可以不加分号, 但是在书写的时候，一定要加上。 11 // alert(45); // 在浏览器中弹框 12 // js是一个弱类型的语言, 所谓的弱类型与强类型的意思就是, 声明的时候能否确定其实际类型。 13 var a = 3; 14 var name = ‘张三‘; // 在js中定义个字符串，可以使用双引号和单引号，但是推荐使用单引号. 15 a = 4.5; 16 a = true; // 虽然js的变量类型可以改变，但是千万不要这么来做。 17 18 console.log(a); // System.out.println(a); 19 console.log(name); // System.out.println(a); 20 </script>
对象类型：
1 </body> 2 <script> 3 // 定义一个people的对象 4 var people = {"age": 10, "name":"张三"}; 5 // 在实际的应用中，在描述一个js对象的时候，属性可加可不加引号, 推荐不加 6 var people2 = {age: 10, name: "张三"}; // js的对象可以不严格尊照 json数据格式 7 8 console.log(people.age); 9 console.log(people.name); 10 console.log(‘===========================================‘); 11 console.log(people2.age); 12 console.log(people2.name); 13 </script>
数组类型：
1 <body> 2 int[] arr = {45, 34, 56, 78}; 3 System.out.println(arr[4]); //如果是在java会有数组越界异常 4 </body> 5 <script> 6 /** 7 1. 定义一个数组的形式, 虽然数组中可以写任何数据类型，但是在日后开发过程，严禁这么来做，维护起来代价太大了。 8 2. 在java中数组一旦确定，长度是不能改变，但是js可以去改变。 9 */ 10 var arr = [45, 67, 32, 78]; 11 console.log(arr.length); //取数组的长度 12 arr[4] = 90; 13 14 console.log(arr[4]); 15 console.log(‘=================================================‘) 16 17 // 循环遍历数组 18 for(var i = 0; i < arr.length; i++) { 19 console.log(arr[i]); 20 } 21 22 console.log(‘==================js数组添加数据=======================‘) 23 arr.push(88); //push() 往数组的末尾添加数据 24 // 循环遍历数组 25 for(var i = 0; i < arr.length; i++) { 26 console.log(arr[i]); 27 } 28 console.log(‘==================js数组添加数据=======================‘) 29 var value = arr.pop(); //pop()移除数组的最后一个数据 30 console.log("pop出的值: " + value) 31 console.log(arr.length); 32 33 for(var i = 0; i < arr.length; i++) { 34 console.log(arr[i]); 35 } 36 37 </script>
数组的函数：
1 <script> 2 var arr = [45, 23, 67, 90]; 3 4 // splice(index, num); 从索引位置index, 删除几个 5 arr.splice(0, 2); 6 7 console.log(arr); 8 9 </script>
typeof的用法：
1 <script> 2 var a = 45; 3 console.log(typeof a); // typeof a 查看a的类型 number 4 5 var name = ‘张三‘; 6 console.log(typeof name); // string 7 8 var people = {age: 10}; 9 console.log(typeof people); //object 10 </script>
undefined和null：
1 <script> 2 var a; 3 console.log(a); //如果一个变量，声明，但是没有赋值，那么就返回undefined 4 var b = null; 5 console.log(b); 6 7 // 根据 ECMAScript 标准要求所有厂商，在实现 script的时候，undefined == null 必须返回true. 8 console.log(a == b); //true 9 </script>
流程语句:
1 <script> 2 console.log(‘=============if的流程语句=========‘); 3 var a = 3; 4 if(a > 30) { 5 console.log(‘a > 30‘); 6 }else if(a > 20) { 7 console.log(‘a > 20‘); 8 }else { 9 console.log(‘a <= 20‘); 10 } 11 console.log(‘=============for循环=========‘); 12 13 for(var i = 0; i < 10; i++) { 14 console.log(‘i = ‘ + i); 15 } 16 17 console.log(‘============do{}while()=========‘); 18 var i = 0; 19 do{ 20 console.log(i); 21 i++; 22 }while(i < 5); 23 24 console.log(‘===============while()===========‘); 25 var m = 0; 26 while(m < 5) { 27 console.log(‘m = ‘ + m); 28 m++; 29 } 30 31 console.log(‘================= switch case ===============‘); 32 var n = 3; 33 switch (n) { 34 case 1: 35 console.log(‘n的值为1‘); 36 break; 37 case 2: 38 console.log(‘n的值为2‘); 39 break; 40 case 3: 41 console.log(‘n的值为3‘); 42 break; 43 default: 44 console.log(‘n为其他值‘); 45 } 46 </script>
js函数的定义：
1 <body> 2 public class People { 3 public void output() { 4 5 } 6 } 7 People.output(); 8 <button id="btn">点击</button> 9 </body> 10 <script> 11 12 /** 13 * Java中方法必须得依附于对象才能存在, 无论是静态或非静态方法。但是在js中, 方法也是对象。 14 */ 15 function fun() { 16 alert(45); 17 } 18 19 // 获取按钮对应的dom节点 20 var btn = document.getElementById(‘btn‘); 21 22 // 给按钮加点击事件 23 // btn.onclick = fun; 24 25 btn.onclick = function() { 26 alert(45); 27 } 28 </script>
continue和break：
1 <script> 2 3 for(var i = 0; i < 5; i++) { 4 if(i > 3) { 5 break; 6 } 7 console.log(i); 8 } 9 10 console.log(‘================================‘); 11 12 for(var i = 0; i < 5; i++) { 13 if(i == 3) { 14 continue; 15 } 16 console.log(i); 17 } 18 19 </script>
以上是关于js入门的主要内容，如果未能解决你的问题，请参考以下文章