javascript基础入门 · 走进PHP的缤纷世界

### Javascript概述： Javascript是基于对象和事件的脚本语言。特点; 1、安全性（不允许直接访问本地硬盘），它可以做的就是信息的动态交互。 2、跨平台性。 ### JavaScript与HTML的结合方式：想要将其他代码融入HTML，都是以标签的形式。 1、 Js代码存放在标签对<script type="text/javascript">。。。。<script> 2、使用JavaScript标签引入Js文件。如： ~~~ <script type="text/javascript" src="xxxx"></script> ~~~ ### JavaScript语法：每种语言都有自己的语法规则，Js语法与Java很像。 1、变量通过关键字Var来定义，弱类型是不用制定具体的数据类型。注：Js中特殊的变量值：undefined，当变量没有初始化就被使用会提示未定义。 2、判断，循环，选择，数组相关看下面的代码 ~~~ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>我的第一个javascript练习</title> </head> <body>  <script type="text/javascript"> /*定义变量 */ var x= 3; x = "abc";//这里单引号双引号一样 alert(x); if( "abc" == x){ alert("YES"); }else{ alert("NO"); } //SWITCH 语句 alert("switch 语句练习 "); x = 3; switch(x) { case "adc": alert("abc"); break; case 3: alert(3); break; default: alert("something error!"); break; } //写到网页上。 document.write("<font color = 'red'>while ,do ...while,for 和C语言一样</font>"); document.write("数组："); var arr = [4,1,6,8]; for(var i = 0;i<arr.length;i++) { document.write(arr[i]); } </script> <h1><font color="red">这是我的第一个练习</font></h1> </body> </html> ~~~ ### 简单排序算法 ~~~ <script type="text/javascript"> var arry = [5,1,2,7,4]; //排序 for(var i = 0; i < arry.length;i++){ for(var j = i + 1;j < arry.length;j++){ if(arry[j] < arry[i]){ var tmp = arry[i]; arry[i] = arry[j]; arry[j] = tmp; } } } for(i = 0; i < arry.length;i++){ document.write(" "+arry[i]+" "); } </script> ~~~ ### 函数相关 ~~~ <script type="text/javascript"> //函数 function show(){ alert("show run"); } function show1(){ for(var x = 0;x < arguments.length;x++) alert(arguments[x]); } show(); show1(1,2,3,4); document.write("is OK!"); //动态函数 //var show = new Function("x","y","var sum = x + y; return sum;"); // alert(show(2,3)); //匿名函数 // var show2 = function(){ // /document.write("func run"); //} //show2(); // window.onload = function(){ // document.write("func run----"); //} window.onload = show;//这里不能写成show() </script> ~~~ ### 对象 ~~~ <script type="text/javascript"> function Person(name,age){ this.name = name; this.age = age; } var p = new Person("jsh",28); alert(p['name'] + p.age); function Per(){ document.write("per create!"); } var p1 = new Per(); p1.name = "jsh1"; p1.age = "30"; p1.chifan = function(){ document.write("chifan!"); } p1.chifan(); </script> ~~~