javascript 学习一

1、JavaScript l类型&变量
无论声明何种类型,全部都用关键字 var
基本类型:

 字符串类型(String) : var str = " abc " ; 
 数字类型(number) :var n = 123.25 / 123 / 123e5 ; 
 布尔类型 boolean :var flag = true / false 
 对空(Null): var a = null ; 
 未定义(Undefined) :var aa ;

引用数据类型:

 数组类型(array):[40, 100, 1, 5, 25, 10]
 对象类型(object):{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}
 函数类型(function):function myFunction(a, b) { return a * b;}

可以用 new 对象来声明变量,如 :var n = new Num() ; 、var date = new Date () ;

2、JavaScript 语句
在 JavaScript 中,我们可使用以下条件语句:

  • if 语句 - 只有当指定条件为 true 时,使用该语句来执行代码
  • if...else 语句 - 当条件为 true时执行代码,当条件为 false 时执行其他代码
  • if...else if....else 语句 - 使用该语句来选择多个代码块之一来执行 switch 语句 - 使用该语句来选择多个代码块之一来执行

3、JavaScript 函数语法
关键字 function :

  • function 方法名(参数值) { 方法体 }

  • 匿名函数fuction (参数值) { 方法体 }(通常只用一次,不希望再被调用,有些大型项目,给方法起名字确实是个头疼活)

  • 动态函数(用的很少) var add = new Function(“参数列表”,“方法体和返回值”);

    //定义一个按钮
         <button onclick="myFunction()" >
         点击这里
         </buttion>
     //定义事件函数
        function myFunction(){
           alert("Hello World");//弹出对话框
        }
    

调用带参数的函数
可以发送任意多的参数,由逗号 (,) 分隔:

 myFunction(argument1,argument2)
声明函数时,请把参数作为变量来声明:


   function myFunction(var1,var2)
{
这里是要执行的代码
}

变量和参数必须以一致的顺序出现。第一个变量就是第一个被传递的参数的给定的值,以此类推。

带有返回值的函数
使用 return 语句时,函数会停止执行,并返回指定的值

function myFunction()
{
var x=5;
return x;
}

函数调用将被返回值取代:

var myVar=myFunction();

4、全局变量和局部变量
1、最外层的函数和和最外层函数外面的变量都是全局变量。因为函数是可以嵌套的,所以找全局变量时,要找最外层函数;而且函数本身也是一个变量,特殊变量,其名字就是变量名。

2、没有用 var声明的变量,为全局变量,即使位置在函数体内部。

3、所有Window对象的属性也是全局变量。

局部变量比同名全局变量的优先级高,所以局部变量会隐藏同名的全局变量。

 var v = "hello"; //函数体外的变量,全局变量
 var a = 100 
     b = 10; //b也是全局变量
    function test (){
    v="11";  //没有用var声明的变量,全局变量
        console.log(v);
        var v = "world"; //函数体内部的变量,局部变量
    }
    test();

全局&局部变量参考网址:

https://blog.csdn.net/simon_dg/article/details/78017984

5、JavaScript 事件
按钮元素中添加了 onclick 属性 ,修改 id=“demo” 元素的内容。

<button onclick="getElementById('demo').innerHTML=Date()">现在的时间是?</button>
<p id="demo"></p>

代码将修改自身元素的内容 (使用 this.innerHTML):

<button onclick="this.innerHTML=Date()">现在的时间是?</button>

通过事件属性来调用:

<button onclick="displayDate()">点这里</button>
<script>
function displayDate(){
	document.getElementById("demo").innerHTML=Date();
}
</script>
<p id="demo"></p>

常见的HTML事件
在这里插入图片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章