JavaScript

最新推荐文章于 2023-01-25 12:12:59 发布
最新推荐文章于 2023-01-25 12:12:59 发布
阅读量175 收藏
点赞数
分类专栏： html 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45951689/article/details/120501401
版权
1. JavaScript介绍

JavaScript语言诞生主要是完成页面的数据验证。因此它运行在客户端 ，需要运行浏览器来解析执行JavaScript代码。

特点：

  1. 交互性（他可以做的就是信息的动态交互）
  2. 安全性（不允许直接访问本地硬盘）
  3. 跨平台性（只要是可以解释JS的浏览器都可以执行，和平台无关）

2. JavaScript和html代码的结合方式

2.1 第一种方式
只需要在head标签中，或者在body标签中，使用script标签来书写JavaScript代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        // alert是JavaScript语言提供的一个警告框函数,它可以接收任意类型的参数，这个参数就是警告框的提示信息
        alert("hello JavaScript");
    </script>
</head>
<body>

</body>
</html>

在这里插入图片描述

2.2 第二种方式
使用script标签引入单独的JavaScript代码文件

html文件代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--
        现在需要使用script引入外部的js文件来执行
        src属性专门用来引入JS文件路径（可以是相对路径也可以是绝对路径）

		script标签可以同来定义js代码，也可以用来引入js文件
		但是，两个功能二选一使用，不能同时使用两个功能 
    -->
    <script type="text/javascript" src="1.js"></script>
</head>
<body>

</body>
</html>

JS文件代码

alert("hello JavaScript");

3.变量

JS的变量类型：
数值类型： number
字符串类型： string
对象类型： object
布尔类型： boolean
函数类型： function

特殊变量值：
undefined 未定义，所有JS变量未赋予初始值的时候，默认值 都是undefined
null 空值
NAN 全称是：Not a Number，非数值。

JS中的定义变量格式：
var 变量名；
var 变量名 = 值；

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>变量</title>
    <script type="text/javascript">
        var i;
        alert(i); // undefined 
        i = 12;
        // typeof是JavaScript提供的一个可以返回变量数据类型的函数
        alert(typeof(i)); //number
        
        var a = 12;
        var b = "abc";
        alert(a*b); //NAN
    </script>
</head>
<body>

</body>
</html>

4.关系（比较）运算

等于： ==（是简单的做字面值的比较）
全等于： ===（除了做简单的字面值的 比较，还要比较数据类型）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>关系运算</title>
    <script type="text/javascript">
        var a = "12";
        var b = 12;
        alert(a==b); //ture
        alert(a===b); //false
    </script>
</head>
<body>

</body>
</html>

5.逻辑运算

  1. 且运算：&&

     a. 当表达式全为真的时候 ，返回最后一个表达式的值。
 b. 当表达式中，有一个为假时，返回第一个为假的表达式的值。

  2. 或运算：||

     a. 当表达式全为假时，返回最后一个表达式的值
 b. 当表达式中，只要有一个为真时，返回第一个为真的表达式的值

  3. 取反运算：!

并且&&与运算和||或运算有短路，即当这两种运算有结果之后，后面的表达式则不再执行。

在JavaScript中，所有的变量，都可以座位一个boolean类型的变量去使用

 0、null、undefined、""（空串）都认为是false；

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>逻辑运算</title>
    <script type="text/javascript">
        var i = 0;
        if(i){
            alert("0为真");
        }else{
            alert("0为假")
        }

		var a = "abc";
		var b = true;
		var d =  false;
		var c = null;
		alert(a&&b); // true
		alert(b&&a); // abc
		alert(a&&d); //false
		alert(c&&a); // null

		alert(d||c); //null
        alert(c||d); //false
        alert(b||d); //true
        alert(a||b); //abc
        alert(b||a); //true
    </script>
</head>
<body>

</body>
</html>

在这里插入图片描述


6.数组（重点）
  1. 数组的定义方式
    格式：
    var 数组名 = []; //空数组
    var 数组名 = [‘1’,‘abc’,true]; // 定义数组同时赋值元素
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数组</title>
    <script type="text/javascript">
        // JavaScript语言中的数组，只要我们通过数组下标赋值，那么最大的下标值，就会自动的给数组做扩容操作。
        var arr = []; //定义一个空数组
        alert(arr.length); //0
        arr[0] = 12;
        alert(arr[0]); //12
        alert(arr.length);//1
        arr[3]="abc";
        alert(arr.length); // 4

        for (var i = 0 ;i < arr.length ; i++){
            alert(arr[i]);
        }

        
    </script>
</head>
<body>

</body>
</html>

7.函数（重点）

法一：使用function关键字
function 函数名（形参列表）{
函数体
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>函数定义</title>
    <script type="text/javascript">
        // 定义一个无参函数
        function fun(){
            alert("无参函数fun被调用了");
        }
        fun(); // 调用fun函数

        // 定义一个有参函数
        function fun2(a,b){
            alert("有参函数fun2被调用了 a="+a+",b="+b);
        }
        fun2(10,12)

        //定义带有返回值的函数
        function sum(num1,num2){
            return num1+num2;
        }
        alert(sum(200,200));
    </script>
</head>
<body>

</body>
</html>

法二：
var 函数名 = function（形参列表）{
函数体
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>函数定义</title>
    <script type="text/javascript">
        // 定义一个无参函数
        function fun(){
            alert("无参函数fun被调用了");
        }
        fun(); // 调用fun函数

        // 定义一个有参函数
        function fun2(a,b){
            alert("有参函数fun2被调用了 a="+a+",b="+b);
        }
        fun2(10,12)

        //定义带有返回值的函数
        function sum(num1,num2){
            return num1+num2;
        }
        alert(sum(200,200));
    </script>
</head>
<body>

</body>
</html>

注：在Java中函数允许重载，但是在JS中函数的重载会直接覆盖掉上一次的定义


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

就是在function函数中不需要定义，但却可以直接用来获取所有参数的变量。类似与Java中的可变长参数。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>隐形参数 </title>
    <script type="text/javascript">
        function fun(){
            // arguments类似于数组
            alert(arguments.length); // 可查看参数个数
            alert(arguments[0]); // 1
            alert(arguments[1]); // 2
        }
        fun(1,2);

           // 需求：要求编写一个函数，用于计算所有参数的和并返回
        function sum(){
            var result = 0;
            for (var i=0; i<arguments.length; i++){
                result = result + arguments[i];
            }
            return result;
        }
        alert(sum(1,9,5,5,10) );
    </script>
</head>
<body>

</body>
</html>

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

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Object</title>
    <script type="text/javascript">
        var obj = new Object();
        obj.name = "www";
        obj.age = 20;
        obj.fun = function (){
            alert("姓名："+this.name+" ,年龄："+this.age);
        }
        obj.fun();
    </script>
</head>
<body>

</body>
</html>
  1. 花括号形式的自定义对象
    var 变量名 = {}; //空对象
    var 变量名 = {
    属性名：值， // 定义一个属性，每个属性或函数之间用逗号分隔
    属性名：值 ， // 最后一个属性或函数 不加逗号
    函数名：function(){} // 定义一个函数
    }
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Obeject02</title>
    <script type="text/javascript">
        var obj = {
            name: "www",
            age: 18,
            fun: function (){
                alert("姓名："+this.name+" ,年龄："+this.age);
            }
        };
        obj.fun();
    </script>
</head>
<body>

</body>
</html>

10.JS中的事件

事件是指电脑的输入设备与页面进行交互的响应

10.1常见的事件：

a. onload加载完成事件
页面加载完成之后，常用于做页面js代码初始化操作
b. onclick单击事件
常用于按钮的点击响应操作
c. onblur失去焦点事件
常用于输入框失去焦点后验证其内容是否合法
d. onchange内容发生改变事件
常用于下拉列表和输入框内容发生改变后操作
e. onsubmit 表单提交事件
常用于表单提交前，检查表单是否合法

10.2事件的注册

事件的注册（绑定）：告诉浏览器当事件响应后要执行哪些操作代码

a. 静态注册事件
通过html标签的事件属性，直接赋予事件响应后的代码

b. 动态注册事件
先通过js代码得到标签的dom对象，然后再通过dom.事件名=function(){}赋予事件响应后的代码
动态注册的基本步骤：
（1） 获取标签对象
（2）标签对象.事件名 = function(){}

a. onload事件(onload事件是浏览器解析完页面之后会自动触发的事件)

(1) 静态onload事件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>静态onload事件</title>
    <script type="text/javascript">
        function onloadfun(){
            alert('静态注册Onload事件所有的代码')；
        }
    </script>
</head>
<!--
    静态注册onload事件
        onload事件是浏览器解析完页面之后会自动触发的事件
-->
<body onload=onloadfun()>
</body>
</html>

(2)动态onload事件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>onload事件的动态注册</title>
    <script type="text/javascript">
        // onload事件的动态注册是固定写法
        window.onload = function (){
            alert("动态注册的onload事件")；
        }
    </script>
</head>
<body>

</body>
</html>
b. onclick事件

(1)静态注册

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>onclick</title>
    <script type="text/javascript">
        function onclickFun(){
            alert("静态注册onclick事件");
        }
    </script>
</head>
<body>
    <button onclick="onclickFun();">按钮1</button> // 点击按钮调用函数onclickFun
    <button>按钮2</button>
</body>
</html>

(2)动态注册

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>onclick</title>
    <script type="text/javascript">
        // 动态注册onclick事件
        window.onload = function (){
            // 1. 获取标签对象
            /*
            * document是JS语言提供的一个对象（整个页面）
            */
            var obj = document.getElementById("btn"); // 通过id获取标签对象
            
            // 2. 通过标签对象.事件名 = function(){}
            btn.onclick = function (){
                alert("动态注册的onclick事件")
            }
        }
    </script>
</head>
<body>
    <button id="btn">按钮</button>
</body>
</html>

c.onblur失去焦点事件
（1）静态注册

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>onblur</title>
    <script type="text/javascript">
        // 静态注册失去焦点事件
        function onblurFun(){
            // console是控制台对象，由JS提供用向项浏览器的控制器打印输出，用于测试使用
            // log是打印的方法
            console.log("静态注册失去焦点事件");
        }

    </script>
</head>
<body>
    用户名：<input type="text" onblur="onblurFun()"><br/>
    密码：<input type="text" onblur="onblurFun()"><br/>
</body>
</html>

（2）动态注册

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>onblur</title>
    <script type="text/javascript">
        // 动态注册onblur事件
        window.onload = function (){
            // 1.获取标签对象
            var UserNameObj = document.getElementById("UserName");
            var PasswordObj = document.getElementById("Password");
            // 2.通过标签对象.事件名 = function(){}
            UserNameObj.onblur = function (){
                alert("动态注册失去焦点事件");
            }
            PasswordObj.onblur = function (){
                alert("动态注册失去焦点事件");
            }
        }
    </script>
</head>
<body>
用户名：<input type="text" id="UserName"><br/>
密码：<input type="text" id="Password"><br/>
</body>
</html>

d.onchange
（1）静态注册

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>onchange</title>
    <script type="text/javascript">
        function onchangeFun(){
            alert("国籍 已经改变了");
        }
    </script>
</head>
<body>
    国籍：
    <select onchange="onchangeFun()">
        <option>--国籍--</option>
        <option>中国</option>
        <option>澳大利亚</option>
    </select>
</body>
</html>

（2）动态注册

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>onchange</title>
    <script type="text/javascript">
        window.onload = function (){
           var selectObj = document.getElementById("select01");
           selectObj.onchange = function (){
               alert("国籍已经改变");
           }

        }
    </script>
</head>
<body>
    国籍：
    <select id="select01">
        <option>--国籍--</option>
        <option>中国</option>
        <option>澳大利亚</option>
    </select>
</body>
</html>
e.onsubmit表单提交事件

（1）静态注册

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>onsubmit</title>
    <script type="text/javascript">
        function onsunbmitFun(){
            // 发现不合法阻止提交
            alert("静态注册表单提交事件不合法");
            return false;
        }
    </script>
</head>
<body>
    <form action="http://localhost:8080" method="get" onsubmit=" return onsunbmitFun()">
        <input type="submit" value="静态注册"/>
    </form>
</body>
</html>

（2）动态注册

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>onsubmit</title>
    <script type="text/javascript">
        window.onload = function (){
            var submitobj = document.getElementById("01");
            submitobj.onsubmit = function (){
                // 发现不合法阻止提交
                alert("动态注册表单提交事件不合法");
                return false;
            }
        }
    </script>
</head>
<body>
    <form action="http://localhost:8080" method="get" id="01">
        <input type="submit" value="动态注册"/>
    </form>
</body>
</html>



11.DOM模型

DOM全称是Document Object Model，文档对象模型，就是把文档中的标签、属性、文本转换为对象来管理。

11.1Document对象

在这里插入图片描述

Document对象的理解：

  1. Document它管理了所有的HTML文档内容
  2. Document它是一种树结构文档，有层级关系
  3. 它让我们把所有的标签都对象化
  4. 我们可以通过Document访问所有的标签对象
11.2Document对象中的方法介绍

document.getElementById(“elementId”)
通过标签的id属性查找标签的dom对象

document.getElementsByName(“elementName”)
通过标签的name属性查找标签的dom对象

document.getElementsByTagName(“tagname”)
通过标签名查找标签dom对象，tagname就是标签名

document.createElement(“tagName”)
通过给定的标签名，创建一个标签对象

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        /*
        * 需求：当用户点击了校验按钮，要获取输入框中的内容，然后验证其是否合法
        * 验证法则是:必须由字母、数字、下划线组成，而且长度是5-12
        * */
        function onclickFun01(){
            // 当我们要操作一个标签的时候，一定要先获取这个标签对象
            var usernameobj = document.getElementById("username");
            var usernameText = usernameobj.value;

            // 如何验证字符串，是否符合某个规则需要使用正则表达式
            var patt = /^\w{5,12}$/;

            // test方法用于测试否个字符串是否符合规则
            if(patt.test(usernameText)){
                alert("用户名合法");
            } else{
                alert("用户名不合法");
            }
        }
    </script>
</head>
<body>
    用户名：<input type="text" id="username" >
    <button onclick="onclickFun01()">校验</button>
</body>
</html>



12.正则表达式
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>正则表达式</title>
    <script type="text/javascript">
        /*
        * var patt = new RegExp("e");
        * var patt = /e/;
        * 上面两个语句的效果相同，写法不同，功能相同
        */

        // 表示要求字符串中，是否包含字母e
        var patt = new RegExp("e");
        var str = "abcd";
        var str01 = "abcde";
        alert(patt.test(str)); // false
        alert(patt.test(str01)); // true

        // 表示包含字母a或b或c中的任意一个
        var patt01 = /[abc]/;
        var str02 = "12234";
        alert(patt01.test(str)); // true
        alert(patt01.test(str02)); //false

        // 表示你包含a到z中的任意一个
        var patt02 = /[a-z]/;

        /*
        * var patt = /[0-9]/;  表示包含数字中的任意一个
        * var patt = /[A-Z]/;  表示包含大写字母中的任意一个
        * var patt = /[adf]/;  表示给定集合内的任意字母
        * var patt = /[^fjash]/; 表示给定结合外的人以字母
        * 元字符\w用于查找单词字符，单词字符包括：a-z、A-Z、0-9以及下划线_
        * var patt = /a+/;  表示字符串中至少包含一个a
        * var patt = /a?/;  表示要求字符串是否包含0个或1个a
        * var patt = [a{7}/; 表示要求字符串是否包含7个连续的a
        * var patt = /a{3,5}/; 表示要求字符串至少包含3个连续的a，最多5个连续的a
        * var patt = /a{3,}/; 表示至少包含3个连续的a
        * var patt = /a$/; 表示要求字符串必须以a结尾
        * var patt = /^a/; 表示要求字符串开头必须为a
        * var patt = /\w/; \w元字符用于查找单词字符，单词字符包括：a-z、A-Z、0-9,以及下划线_
        * \W表示\w以外的
        * */

        var patt03 = /a*/;  // 表示要求字符串中至少包含0个或多个a  包含--》最小条件满足就停止检查
        var  str03 = "aaaa"
        alert(patt03.test(str02)); // 0个a --》true
        alert(patt03.test(str)); // 1个a --》true
        alert(patt03.test(str03)); // 多个a--》true

        /*
        前面的量词都是最小匹配，
        例如var patt = /[a{3,5}/; 只要满足最少有三个连续的a则都显示true
        var patt = /^a{3,5}$/;  则表示要求从头到尾进行检测，则可以解决此问题
        */


    </script>
</head>
<body>

</body>
</html>



13.两种常见的验证提示效果

法一：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        /*
        * 需求：当用户点击了校验按钮，要获取输入框中的内容，然后验证其是否合法
        * 验证法则是:必须由字母、数字、下划线组成，而且长度是5-12
        * */
        function onclickFun01(){
            // 当我们要操作一个标签的时候，一定要先获取这个标签对象
            var usernameobj = document.getElementById("username");
            var usernameText = usernameobj.value;

            // 如何验证字符串，是否符合某个规则需要使用正则表达式
            var patt = /^\w{5,12}$/;

            var usernameSpanobj = document.getElementById("usernameSpan");
            // test方法用于测试否个字符串是否符合规则
            if(patt.test(usernameText)){
                // innerHTML表示起始标签和结束标签中的内容，这个属性可读可写
                usernameSpanobj.innerHTML = "用户名合法";
            } else{
                usernameSpanobj.innerHTML = "用户名不合法";
            }
        }
    </script>
</head>
<body>
    用户名：<input type="text" id="username" >
    <span id="usernameSpan" style="color: red"></span>
    <button onclick="onclickFun01()">校验</button>
</body>
</html>

在这里插入图片描述
在这里插入图片描述在这里插入图片描述




法二：再span标签中插入图片

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        function onclickFun01(){
            var usernameobj = document.getElementById("username");
            var usernameText = usernameobj.value;
            var patt = /^\w{5,12}$/;

            var usernameSpanobj = document.getElementById("usernameSpan");
            if(patt.test(usernameText)){
                usernameSpanobj.innerHTML = "<img src='../imgs/right.png' width='15' height='15'>";
            } else{
                usernameSpanobj.innerHTML = "<img src='../imgs/wrong.png' width='15' height='15'>";
            }
        }
    </script>
</head>
<body>
    用户名：<input type="text" id="username" >
    <span id="usernameSpan" style="color: red" ></span>
    <button onclick="onclickFun01()">校验</button>
</body>
</html>

在这里插入图片描述
在这里插入图片描述

坚持学习每一天
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
javaScript
03-09
Java脚本
javascript
02-10
javascript官方文档，web前端师的权威文档，web前端的
javascript百炼成仙 第一章 掌握JavaScript基础01 初入宗门
java小白翻身
10-06 17万+
乐阳村，处于脚本大陆东部的边缘地带，民风淳朴，村名日出而作，日落而息。这一日清晨，所有村民来到村庄的门口，正在为一个十五六岁的少年送别。只见那少年虽然身体瘦弱，可是目中绽放出异彩，身躯虽不壮实，倒也挺拔。 “叶小凡，你是我们全村人的骄傲，百年来唯一一个具备修行JavaScript甲等资质的孩子！马上会有千鹤派的大人来接你，今后你一定要认真修行，给我们全村的人争光！” 他叫叶小凡，几天前通过了修行资质的检验，符合修行JavaScript的资质。 “千鹤派！”叶小凡眼前一亮，语气中伴随着激动，两眼放光。千鹤派，
JavaScript基础大总结
Augenstern_QXL的博客
07-31 13万+
✍初始JavaScirpt JavaScript 是世界上最流行的语言之一，是一种运行在客户端的脚本语言 （Script 是脚本的意思） 脚本语言：不需要编译，运行过程中由 js 解释器( js 引擎）逐行来进行解释并执行 现在也可以基于 Node.js 技术进行服务器端编程 ????浏览器执行JS简介 浏览器分成两部分：渲染引擎和 JS 引擎 渲染引擎：用来解析HTML与CSS，俗称内核，比如 chrome 浏览器的 blink ，老版本的 webkit JS 引擎：也称为 JS 解释器。 用来读
学习JavaScript这一篇就够了
热门推荐
轻松的小希
11-25 74万+
目录第一章 JavaScript简介1.1、JavaScript的起源1.2、JavaScript的组成1.3、JavaScript的特点1.4、JavaScript的使用1.4.1、标签引用1.4.2、文件引用1.5、JavaScript的输出1.5.1、页面输出1.5.2、控制台输出1.5.3、弹出窗口输出1.6、JavaScript的注释1.6.1、单行注释1.6.2、多行注释第二章 JavaScript基础语法2.1、标识符2.2、字面量和变量2.2.1、字面量2.2.2、变量2.3、数据类型2.3
JavaScript详解
最新发布
weixin_48373085的博客
01-25 2万+
HTML对象，定时器，表单验证，正则表达式
JavaScript简介
wsdhy_的博客
04-02 4413
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言 脚本语言：最开始从 Script 单词翻译过来的。 java、c、c## c++ 都是非脚本语言 脚本和非脚本语言的区别：在于执行方式。 脚本语言：直接浏览器解析执行。 非脚本的：有一个先编译的过程。会生成中间的可执行代码文件。 动态语言：解释执行JavaScript代码的时候才去确定数据的类型。 弱类型语言： 1：变量的类型由实际的数值来确定。任何的变量可以保存任意的数据的类型。 2：不同数据...
javascript百炼成仙 第一章 掌握JavaScript基础 1.2直接量
java小白翻身
10-06 7万+
叶小凡的住处被安排在青山院西北角的一个房间里，虽不宽敞，倒也干净。叶小凡两眼露出振奋的眼神，随便吃了点乡亲们准备的干粮后，就立刻开始打坐修行。编程之修，重在积累，而非资质。资质虽然一样重要，可是后天的努力一样必不可少。这些道理，叶小凡还未上山之前，就已经熟知！因此，即便是资质平凡，只要肯下苦功，一样可以修得正果！叶小凡虽然甲等资质，可依然不骄不躁，开始从“JavaScript基础修炼要诀”第一页开始看起。 修炼要诀第一章，直接量。 编程世界，所谓直接量，就是明面上可以见到的数据值。常见的直接量有数字，小数，
JavaWeb—JavaScript
weixin_61843013的博客
06-25 7693
JavaScript的使用
JavaScript看这一篇就够了，简单全面一发入魂
学Java，找哪吒
03-09 3万+
文档对象模型（DOM,Document Object Model）是一个应用编程接口（API），用于在HTML中使用扩展的HTML。DOM将整个页面抽象为一组分层节点。 DOM通过创建表示文档的树，让开发者可以随心所欲的控制网页的内容和结构。使用DOM API可以轻松地删除、添加、替换、修改节点。 对浏览器而言，DOM就是使用ECMAScript实现的，如今已经成为JavaScript语言的一大组成部分。 言而言之，DOM提供与网页内容交互的方法和接口。
JavaScript事件基础
JiuMeilove的博客
04-28 2万+
JavaScript事件概述 JavaScript使我们有能力创建动态页面,而事件是可以被JavaScript侦测道德行为 简单的理解为:触发—响应机制 网页中国每个元素都可以产生某些可以触发JavaScript的事件,例如我们可以在用户点击某个按钮时产生一个事件然后去执行某些操作 JavaScript事件的三要素 JavaScript事件又三分部组成 事件源 被触发的对象 事件类型__如何触发/什么事件 事件处理器__通过一个函数赋值的方式完成 <body> <butto
Javascript
03-22
javascript-examples JavaScript网页程式设计
JavaScript入门
03-04
JavaScript入门
JAVASCRIPT HashTable
10-31
JAVASCRIPT HashTable
Javascript项目
02-13
Javascript项目
高级JavaScript
02-14
高级JavaScript
javaScript api
11-03
javaScript api离线版，chm格式。。。。。。。。。。。。。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值