第一次学习JavaScript

时间:2022-07-11 16:33:10

什么是JavaScript

1. HTML静态,js用来计算、判断(迫不得已才去后台执行操作)

2. js为解释型语言


开发环境

1. “.”不出来没有什么关系

2. alter(new Date().toLocalString());

3. <head>中的东西,在加载<body>之前执行


引入外部js

1. 引用语法

    <script src = "xx.js" type = ""></script>


事件

1. <input type = "Button" value="点"/><a herf = "javascript: alter(’haha‘)">点点</a>

http: thunder: qq: ftp: ed2k: mailto:  --->网络协议可以根据不同的开头,调用不同的程序

2. <input type = "Button" value="点" onclik = "alter('点')"/>


js的变量

1. 声明字符串既可以用单引号,也可以用双引号,这是为了方便html继承,避免转义符的麻烦

2. 声明一个变量用var 但类型是不确定的(甚至可以不加声明,直接使用,但不建议这样用,除非该变量为全局变量,否则可能出现冲突)

<script type = "text/javascript">

 var i = 10;

 i = "abc";

 alter(i);

 </script>


js中的调试

1. Intert选项卡/高级/禁用脚本

2. 网页中的debuger

3. 设为起始页,设断点,开始调试


判断变量初始化

if(x == null)

if (typeof(x) == "undefined")

if (!x)

推荐使用最后一种

if(x){}//变量被初始化了、变量不为空、变量不为0


函数的声明

function add(i1,i2){

    return i1 + i2;

 }

不需要声明返回值类型、参数类型。函数定义以function开头

最好把函数声明放在执行之前,效率较高


匿名函数

var f1 = function(i1,i2){

 return i1 + i2;

};


alert(f1(1,2));


alert(function(i1,i2){return i1 + i2;}(1,2));  //直接生成匿名函数,直接使用


类似C#中的匿名函数

在JQuery中非常多


JS面向对象

1. js中没有类的语法,是用函数闭包模拟出来。js声明的类,不是类,是对象

  function Person(name,age){

this.Name = name; //没有声明,动态增加

this.Age = age;

this.Sayhello = function(){

alert("你好,我的名字叫:"+ this.Name + ",我的年龄是:"+ this.Age);

}

  }

  var p1 = new Person(wang,23);

  p1.name = "li";

一个方法,就是一个类


Array对象

是一个动态的,无需预先定制大小,类似C#中数组、ArrayList、Hashtable的综合体


var arr = new Array();

arr[0] = "ton";

arr[1] = "javaa";

arr[2] = "dasd";

for(var i = 0;i<var.length; i++){

  alert(arr[i]);

}

arr.join("|"); //将字符连接成|的形式,即"ton|javaa|dasd"


Array的简化声明

var arr=[0,1,2,3,4]; //简单数组初始化

var arr={"asd","das","fds"}; //字符串


本文出自 “7257550” 博客,请务必保留此出处http://7267550.blog.51cto.com/7257550/1383977