Java web

最新推荐文章于 2023-01-06 18:15:00 发布

Dexter359

最新推荐文章于 2023-01-06 18:15:00 发布

阅读量820

点赞数

分类专栏： java笔记文章标签： web

本文链接：https://blog.csdn.net/Dexter7/article/details/124382261

版权

尚硅谷java web零基础入门完整版笔记变量什么是变量？变量可以存放某些值的内存的命名JavaScript的变量类型：数值类型： number字符串类型： String对象类型： Object布尔类型： boolean函数类型： functionJavaScript里特殊的值：undefined 未定义，所有js变量未赋予初始值的时候，默认值都是undefinednull 空值NAN 全称是：Not a Number 非数字，非数值Js中的定义变量格式

摘要由CSDN通过智能技术生成

尚硅谷java web零基础入门完整版笔记

变量

什么是变量？变量可以存放某些值的内存的命名

JavaScript的变量类型：

数值类型： number

字符串类型： String

对象类型： Object

布尔类型： boolean

函数类型： function

JavaScript里特殊的值：

undefined 未定义，所有js变量未赋予初始值的时候，默认值都是undefined

null 空值

NAN 全称是：Not a Number 非数字，非数值

Js中的定义变量格式：

var 变量名;

var 变量名 =值;

<script type="text/javascript">
        var i;
        // alert(i); undefined
        i = 12;
        //typeof()是JavaScript语言提供的一个函数
        //它可以取变量的数据类型返回
        //alert(typeof(i));//number
        i="abc"
        //alert(typeof(i))//String
        
        var a = 12;
        var b = "abc";
        alert(a*b);//NAN 非数字 非数值
</script>

数组

数值定义的方式：

格式：

var 数组名 =[]; //空数值

var 数值名 =[1,‘abc’,true]// 定义数组同时赋值元素

函数

函数的二种定义方式

第一种，可以使用function 关键字来定义函数

使用的格式如下：

function 函数名（形参列表）{

函数体

}

在javaScript语言中，如何定义带有返回值的函数？

只需要在函数体内直接使用returm语句返回值即可

//定义一个无参函数
function fun(){
    alert("无参函数fun被调用了");
}
fun();

function fun2(a,b){
    alert("有参函数fun2()被调用了 a=>" + a +“,b=>”+b);
}
fun2(12,"abc");
//定义带有返回值的函数
function sum(num1,num2){
    var result = num1 +num2;
    return result;
}
alert(sum(100,50));

函数的第二种定义方式，格式如下：

var 函数名 = function(形参列表){函数体}

var fun = function() {
    alert("无参函数");
}
fun();//无参函数


var fun2 = function(a,b){
    alert("有参函数a="+a+",b="+b);
}
fun2(1,2);//有参函数a=1,b=2

var fun3= function(num1,num2){
    return num1 +num2;
}
alert(fun3(100,200));//300

js中的函数不允许重载

隐形参数

函数的arguments 隐形参数（只在function函数内）

就是在function函数中不需要定义，但却可以直接用来获取所有参数的变量，我们管它叫隐形参数。

用处：

//需求 ： 要求编写一个函数 用于计算所有参数相加的和并返回
    function num(sum1,sum2){
        var result =0;
        for(i=0;i<arguments.length;i++){
            if(typeof(arguments[i])=="number"){//判断是不是数组
                result += arguments[i];
            }
            
        }
        return result;
    }
    alert(num(1,2,3,4,"abc",5,6,7,8,9));//45

JS中的自定义对象

object 形式的自定义对象

对象的定义: var 变量名 = new Object(); //对象实例（空对象）变量名.属性值 = 值; //定义一个属性变量名.函数名 = function(){}//定义一个函数

对象的访问：变量名.属性/函数名();

 //对象的定义:
// var 变量名 = new Object(); //对象实例（空对象）
// 变量名.属性值 = 值;     //定义一个属性
//变量名.函数名 = function(){}//定义一个函数
    var obj = new Object();
    obj.name = "彭于晏";
    obj.age =18;
    obj.fun=function(){
        alert("姓名："+this.name+",年龄："+this.age);
    }
    //  对象的访问：
    // 变量名.属性/函数名();
    alert(obj.name);
    alert(obj.age);
    obj.fun();

{}花括号形式的自定义对象

对象的定义：

var 变量名={ //空对象

属性名：值, //定义一个属性

函数名：function(){} //定义一个函数

}

对象的访问：变量名.属性/函数名();

        var obj ={
            name:"彭于晏",
            age:18,
            fun: function(){
                alert("姓名："+this.name + ",年龄：" +this.age);
            }
        }
        alert(obj.name);
        alert(obj.age);
        obj.fun();

js中的事件

什么是事件？事件是电脑输入设备与页面进行交互的响应，我们称之为事件

常用的事件：

onload 加载完成事件：	页面加载完成之后，常用于做页面js代码初始化操作
onclick 单击事件：	常用于按钮的点击响应操作
onblur 失去焦点事件：	常用于输入框失去焦点后验证其输入内容是否合法
onchange 内容发生改变事件:	常用于下拉列表和输入框内容发生改变后操作
onsubmit 表单提交事件:	常用于表单提交前,验证所有表单项是否合法。
onmouseover	鼠标指针移动到指定的元素上时发生
onmouseout	用户从一个 HTML 元素上移开鼠标时发生
onkeydown	用户按下键盘按键

查询更多事件：HTML DOM 事件对象 | 菜鸟教程

事件的注册又分为静态注册和动态注册俩种：

什么是事件的注册（绑定）? 其实就是告诉浏览器，当事件响应后要执行哪些操作代码，叫事件注册或事件绑定。

静态注册事件:通过 html标签的事件属性直接赋于事件响应后的代码，这种方式我们叫静态注册。

动态注册事件:是指先通过js代码得到标签的dom对象，然后再通过dom对象.事件名=function()这种形式赋于事件响应后的代码，叫动态注册。

动态注册基本步骤: 1、获取标签对象 2、标签对象事件名= fucntion(){}

onload加载完成事件：

页面加载完成之后，常用于做页面js代码初始化操作

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script type="text/javascript">
        //onload事件静态的方法
            function onloadfun(){
                alert("静态注册onload事件")
            }
        //onload事件动态的方法
        window.onload = function(){
            alert("动态注册onload事件")
        }
        </script>
    </head>
    <!-- <body οnlοad="onloadfun();"> -->
    <body>
    </body>
</html>

onclick 单击事件：

常用于按钮的点击响应操作

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script type="text/javascript">
            function onclickFun(){
                alert("静态注册onclick事件")
            }
            //动态注册onclick事件
            window.onload = function(){
                // 1.获取标签对象
                // document 是JavaScript语言提供的一个对象（文档）
                // get          获取
                // Element      元素（就是标签）
                // By           通过....由....经....
                // Id           id属性
                var btnObj =document.getElementById("btn01");
                // alert(btnObj);
                // 2.通过标签对象.事件名=function(){}
                btnObj.onclick = function(){
                    alert("动态注册的onclick事件");
                }
            }
        </script>
    </head>
    <body>
        <button οnclick="onclickFun();">按钮1</button>
        <button id="btn01">按钮2</button>
    </body>
</html>

onblur 失去焦点事件：

常用于输入框失去焦点后验证其输入内容是否合法

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script type="text/javascript">
            //静态注册onblur失去焦点事件
            function onblurFun(){
                //console 是控制台对象，是由javaScript语言提供，专门用来向浏览器的控制器打印输出;
                //log() 是打印的方法
                console.log("静态注册失去焦点事件");
            }
            //动态注册onblur失去焦点事件事件
            window.onload = function(){
                //1.获取标签对象
            var passwordObj = document.getElementById("password");
                //alert(passwordObj);
                //2.通过标签对象.事件名 = function(){};
                passwordObj.onblur = function(){
                    console.log("动态注册失去焦点事件");

最低0.47元/天解锁文章

Dexter359

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
Java web

尚硅谷java web零基础入门完整版笔记变量什么是变量？变量可以存放某些值的内存的命名JavaScript的变量类型：数值类型： number字符串类型： String对象类型： Object布尔类型： boolean函数类型： functionJavaScript里特殊的值：undefined 未定义，所有js变量未赋予初始值的时候，默认值都是undefinednull 空值NAN 全称是：Not a Number 非数字，非数值Js中的定义变量格式
复制链接

扫一扫