JavaScript应用知识点

最新推荐文章于 2023-10-24 08:29:03 发布
最新推荐文章于 2023-10-24 08:29:03 发布
阅读量111 收藏
点赞数
分类专栏： java基础 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_27331467/article/details/116905750
版权

JavaScript应用篇

文章目录

一、JavaScript作用:

​ 帮助浏览器对用户提出请求进行处理

​

二、DOM对象:

  • 1.DOM = Document Object Model， 【文档模型对象】

  • 2.JavaScript不能直接操作HTML标签，只能通过HTML标签
    关联的DOM对象对HTML标签下达指令

​

三、DOM对象生命周期：

  • 1.浏览器在接收到html文件之后，将HTML文件标签加载到浏览器缓存中，
    每当加载一个html标签时候，自动为这个标签生成一个实例对象，
    这个实例对象就是DOM对象

  • 2.在浏览器关闭之前或则浏览器请求其他资源文件之前，本次生成的DOM对象
    一直存活在浏览器缓存中

  • 3.在浏览器关闭时候，浏览器缓存中dom对象将要被销毁

  • 4.在浏览器请求到新资源文件后，浏览器缓存中原有的dom对象将会被覆盖

四、document对象：

  • 1.document对象被称为【文档对象】

  • 2.document对象用于在浏览器内存中根据定位条件定位DOM对象

五、document对象生命周期:

  • 1.在浏览器将网页中所有标签加载完毕后，在内存中将使用【树形结构】
    存储这些DOM对象。在树形结构生成完毕后由浏览器生成一个document对象
    管理这颗树（DOM树）
    在浏览器将接收网页中标签加载完毕后，自动在浏览器内存生成一个document对象

  • 2.一个浏览器运行期间，只会生成一个document对象

  • 3.在浏览器关闭时，负责将document对象进行销毁

六、通过document对象定位DOM对象方式:

  • 1.根据html标签的id属性值定位DOM对象

    命令格式 var domObj = document.getElementById(“id属性值”)；

    举个例子 var domObj = document.getElementById(“one”)；

    通知document对象定位id属性等于one的标签关联的DOM对象

  • 2.根据html标签的name属性值定位DOM对象

    命令格式 var domArray = document.getElementsByName(“name属性值”);

    举个例子

    <input type="checkbox" name="deptNo" value="10">部门10
<input type="checkbox" name="deptNo" value="20">部门20
<input type="checkbox" name="deptNo" value="30">部门30
var domArray =  document.getElementsByName("deptNo");

    通知document对象将所有name属性等于deptNo的标签关联的DOM对象
    进行定位并封装到一个数组进行返回。 domArray就是一个数组存放
    本次返回的所有DOM对象

  • 3.根据html标签类型定位DOM对象

    命令格式 var domArray = document.getElementsByTagName(“标签类型名”);

    举个例子 var domArray = document.getElementsByTagName(“p”);

    段落标签

    通知document对象将所有段落标签关联的dom对象进行定位
    并封装到一个数组返回

七、DOM对象对HTML标签属性操作

  • 1.DOM对象对标签value属性进行取值与赋值操作

    取值操作:
var domObj =  document.getElementById("one");
var num = domObj.value;
赋值操作:
var domObj = document.getElementById("one");
domObj.value = "abc";

    实例：

    <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        function fun1() {
            var domArray = document.getElementsByTagName("p");
            for (var i = 0; i < domArray.length; i++) {
                var domObj = domArray[i];
                window.alert("标签号：<p>" + domObj.innerText);
            }


        }

    </script>
</head>

<body>


    <p>第一个</p>
    <p>第二个</p>
    <p>第三个</p>
    <br>
    <input type="button" value="查看所有标签内容" onclick="fun1()" />

</body>

</html>

  • 2.DOM对象对标签中【样式属性】进行取值与赋值操作

    取值操作:
var domObj =  document.getElementById("one");
//读取当前标签【背景颜色属性】值
var color = domObj.style.背景颜色属性

赋值操作:
var domObj =  document.getElementById("one");
//通过DOM对象对标签中【背景颜色属性】进行赋值
domObj.style.背景颜色属性 = 值；

    实例：

    <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="text/javascript">
        function fun(color) {
            //地位id编号等于one的div
            var domObj = document.getElementById("one");
            //通过dom对象对当前标签【背景颜色进行修改】
            domObj.style.background = color;
        }

    </script>
</head>

<body>
    <center>
        <div style="width: 300px; height: 300px; background: chartreuse;" id="one"></div>
        <input type="radio" name="two" onclick="fun('red')" />红
        <input type="radio" name="two" onclick="fun('yellow')" />黄
        <input type="radio" name="two" onclick="fun('blue')" />蓝
    </center>
</body>

</html>

  • 3.DOM对象对标签中【状态属性】进行取值与赋值操作

    状态属性： 状态属性的值都是boolean类型

    disabled = true ; 表示当前标签不可以使用
    disabled = false; 表示当前标签可以使用

    checked: 只存在与radio标签与checkbox标签
    checked = true ; 表示当前标签被选中了
    checked = false; 表示当前标签未被选中

    取值操作:
var domObj = document.getElementById("one");
var num = domObj.checked;

赋值操作:
var domObj = document.getElementById("one");
domObj.checked = true;

    实例：

    <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="text/javascript">

        function fun() {
            var flag = document.getElementById("two").checked;
            var domArray = document.getElementsByName("one");
            for (var i = 0; i < domArray.length; i++) {
                domArray[i].checked = flag;
            }
        }

    </script>
</head>

<body>
    <center>
        <table align="center" border="2">
            <tr>
                <td><input type="checkbox" id="two" onclick="fun()" />全选/全不选</td>
                <td>职位</td>
                <td>工资</td>
            </tr>
            <tr>
                <td><input type="checkbox" name="one"></td>
                <td>初级程序员</td>
                <td>10000</td>
            </tr>
            <tr>
                <td><input type="checkbox" name="one"></td>
                <td>高级程序员</td>
                <td>40000</td>
            </tr>
            <tr>
                <td><input type="checkbox" name="one"></td>
                <td>架构师</td>
                <td>50000</td>
            </tr>

        </table>
    </center>

</body>

</html>

    1. DOM对象对标签中【文字显示内容】进行赋值与取值

      文字显示内容:  只存在于双目标签之间;<tr>100</tr>

取值操作:
var domObj = document.getElementById("one");
var num1 = domObj.innerText;

赋值操作:
var domObj = document.getElementById("one");
domObj.innerText = 值；

innerText与innerHTML 区别:

innerText与innerHTML都可以对标签文字显示内容属性进行赋值与取值

innerText只能接收字符串

innerHTML既可以接收字符串又可以接收html标签

      实例：

      <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="text/javascript">
        function fun() {
            //得到文本框内的值  
            var str = document.getElementById("t1").value;
            //赋值给div
            document.getElementById("div1").innerText = str
        }
    </script>
</head>

<body>
    <center>
        <div id="div1" style="width: 200px; height: 200px; background-color: antiquewhite; color:red;"></div>
        <input type="text" id="t1" />
        <input type="button" value="提交" onclick="fun()" />
    </center>
</body>

</html>

​

八、JavaScript监听事件

  • 1.监听事件:
    监听用户在何时以何种方式对当前标签进行操作。
    当监听到相关行为时，通知浏览器调用对应JavaScript
    函数对当前用户请求进行处理

  • 2.监听事件分类:

    • 1)监听用户何时使用鼠标操作当前标签
    • 2)监听用户何时使用键盘操作当前标签

  • 3.监听用户何时使用鼠标操作当前标签：

    • 1） onclick : 监听用户何时使用鼠标【单击】当前标签
    • 2） onmouseover: 监听用户何时将鼠标【悬停】当前标签上方
    • 3） onmouseout : 监听用户何时将鼠标从当前标签上方【移开】
    • 4） onfocus : 监听用户何时通过鼠标让当前标签获得【光标】
    • 5） onblur : 监听用户何时通过鼠标让当前标签丢失【光标】

练习实例

鼠标单机与悬停案例

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="text/javascript">

        function fun() {
            var flag = document.getElementById("two").checked;
            var domArray = document.getElementsByName("one");
            for (var i = 0; i < domArray.length; i++) {
                domArray[i].checked = flag;
            }
        }

        function fun1(domObj) {

            domObj.style.backgroundColor = "blue";

        }
        function fun2(domObj) {

            domObj.style.backgroundColor = "white";

        }


    </script>

</head>

<body>
    <!-- 
        * 1） onclick :  监听用户何时使用鼠标【单击】当前标签
        * 2） onmouseover: 监听用户何时将鼠标【悬停】当前标签上方
        * 3） onmouseout : 监听用户何时将鼠标从当前标签上方【移开】
        * 4） onfocus    : 监听用户何时通过鼠标让当前标签获得【光标】
        * 5） onblur     : 监听用户何时通过鼠标让当前标签丢失【光标】 -->
    <center>
        <table align="center" border="2">
            <tr>
                <td><input type="checkbox" id="two" onclick="fun(this)" />全选/全不选</td>
                <td>职位</td>
                <td>工资</td>
            </tr>
            <tr onmouseover="fun1(this)" onmouseout="fun2(this)">
                <td><input type="checkbox" name="one" /></td>
                <td>初级程序员</td>
                <td>10000</td>
            </tr>
            <tr onmouseover="fun1(this)" onmouseout="fun2(this)">
                <td><input type="checkbox" name="one"></td>
                <td>高级程序员</td>
                <td>40000</td>
            </tr>
            <tr onmouseover="fun1(this)" onmouseout="fun2(this)">
                <td><input type="checkbox" name="one"></td>
                <td>架构师</td>
                <td>50000</td>
            </tr>

        </table>
    </center>

</body>

</html>

鼠标获得与失去光标案例

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>User_Add.html</title>

    <script type="text/javascript">
        function fun1() {
            //获得初始密码
            var pass = document.getElementById("one").value;
            if (pass == "") {
                document.getElementById("one").focus();//让one对象获得光标
                document.getElementById("font_1").innerText = "*密码不能为空";
            } else {
                document.getElementById("font_1").innerText = "*";
            }
        }

        function fun2() {
            var pass1 = document.getElementById("one").value;
            var pass2 = document.getElementById("two").value;
            if (pass1 != pass2) {
                document.getElementById("two").focus();//让two获得光标
                document.getElementById("font_2").innerText = "*两次密码不相同!"
            } else {
                document.getElementById("font_2").innerText = "*";
            }
        }

    </script>
</head>

<body>
    <center>
        <form action="/demo1/user/add" method="get">
            <table border="2">
                <tr>
                    <td>
                        用户姓名：
                    </td>
                    <td>
                        <input type="text" name="userName" />
                    </td>
                </tr>
                <tr>
                    <td>
                        密码：
                    </td>
                    <td>
                        <input type="password" name="password" id="one" />
                        <font id="font_1" style="color: red;">*</font>
                    </td>
                </tr>
                <tr>
                    <td>
                        再次输入密码：
                    </td>
                    <td>
                        <input type="password" name="password" id="two" onfocus="fun1()" onblur="fun2()" />
                        <font id="font_2" style="color: red;">*</font>
                    </td>
                </tr>
                <tr>
                    <td>
                        性别：
                    </td>
                    <td>
                        <input type="radio" name="sex" value="男" />男
                        <input type="radio" name="sex" value="女" />女
                    </td>
                </tr>
                <tr>
                    <td>
                        邮箱地址：
                    </td>
                    <td>
                        <input type="text" name="email" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="submit" value="用户注册" />
                    </td>
                    <td>
                        <input type="reset" value="重置" />
                    </td>
                </tr>
            </table>
        </form>

    </center>

</body>

</html>
  • 4.监听用户何时使用键盘操作当前标签
    • 1）onkeydown :监听用户何时在当前标签上【按下键盘】
    • 2）onkeyup ：监听用户何时在当前标签上【弹起键盘】

按下键盘实例

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>键盘弹起监听事件</title>
    <script type="text/javascript">
        var myArray = ["smite", "tomcat", "huasiye", "lvhao", "dairenjie", "zhousiyu", "duanqiqi", "zangzhengyu", "houxingyu", "shengyifan"];

        function fun1() {
            //1.取得文本框中的内容
            var str = document.getElementById("one").value;
            //2.到数组中定位包含了指定内容的字符串
            var value = "";
            if (str == "") {
                document.getElementById("two").style.display = "none";
                return;
            }
            for (var i = 0; i < myArray.length; i++) {
                var str1 = myArray[i];
                //indexOf() "abc".indexOf("a") 会返回a在abc中第一出现的位置
                if (str1.indexOf(str) != -1) {
                    value = value + str1 + "<br/>";
                }

            }
            if (value == "") {
                document.getElementById("two").style.display = "none";
                return;
            }
            //3.将定位字符串作为文字显示内容填充到Div中
            document.getElementById("two").innerHTML = value;
            document.getElementById("two").style.display = "block";//显示
        }

    </script>


</head>

<body>
    <center>
        <div><img src="bg.png"></div>
        <input type="text" id="one" size="50" style="width: 300px; position: fixed;right: 790px;" onkeyup="fun1()" />
        <input type="button" style="background-color: #4e6ef2; color: #ffffff; position: fixed;right: 722px; "
            value="百度一下">
        <br>
        <div id="two"
            style="background-color: antiquewhite; color:black;width: 300px;height: 300px;position: fixed;right: 790px; display: none;">
        </div>
    </center>




</body>

</html>

九、onload监听事件：

  • 作用： 监听浏览器何时将网页中html标签加载完毕

  • 意义： 浏览器在每加载一个HTML标签时，自动在内存中生成一个dom对象

    ​ 在浏览器将网页所有标签加载完毕时，意味着当前网页中所有标签都

    ​ 生成了对应的DOM对象，onload此时就可以触发调用函数对浏览器中

    ​ 标签进行处理，此时不会出现未找到DOM对象的情况

  • 使用：

    • <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="text/javascript">
        function fun() {
            window.alert("fun run");
        }
    </script>
</head>

<body onload="fun()">


</body>

</html>

十、基于DOM对象实现监听事件与HTML标签之间绑定

  • 1.前提：

    ​ 实际开发过程中，同一个监听事件往往有多个HTML标签进行绑定

    ​ 这样会增加开发强度，在未来维护过程中增加维护难度

  • 2.命令格式：

    ​ domObj.监听事件名 = 处理函数名 （在此处处理函数名后不能出现( )）

  • 3.举个例子：

    var domObj = document.getElementById("one");
domObj.onclick = fun1;//注意函数名后不可以有（）
//相当于
<input type= "button" id="one" onclick="fun1()"> //此处函数名后必须有（）

    实例

    <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="text/javascript">

        function fun() {
            var flag = document.getElementById("two").checked;
            var domArray = document.getElementsByName("one");
            for (var i = 0; i < domArray.length; i++) {
                domArray[i].checked = flag;
            }
        }

        function fun1() {

            this.style.backgroundColor = "blue";

        }
        function fun2() {

            this.style.backgroundColor = "white";

        }

        //声明一个函数，这个函数在浏览器加载页面完毕后自动被调用，
        //执行时为所有数据行绑定onmouseover与onmouseout监听事件
        function main() {
            //1.定位所有tr标签关联的DOM对象
            var domArray = document.getElementsByTagName("tr");
            //2.利用for循环来实现多次绑定
            for (var i = 0; i < domArray.length; i++) {

                domArray[i].onmouseover = fun1;
                domArray[i].onmouseout = fun2;
            }
        }

    </script>
</head>

<body onload="main()">
    <!-- 
        * 1） onclick :  监听用户何时使用鼠标【单击】当前标签
        * 2） onmouseover: 监听用户何时将鼠标【悬停】当前标签上方
        * 3） onmouseout : 监听用户何时将鼠标从当前标签上方【移开】
        * 4） onfocus    : 监听用户何时通过鼠标让当前标签获得【光标】
        * 5） onblur     : 监听用户何时通过鼠标让当前标签丢失【光标】 -->
    <center>
        <table align="center" border="2">
            <tr>
                <td><input type="checkbox" id="two" onclick="fun(this)" />全选/全不选</td>
                <td>职位</td>
                <td>工资</td>
            </tr>
            <tr>
                <td><input type="checkbox" name="one" /></td>
                <td>初级程序员</td>
                <td>10000</td>
            </tr>
            <tr>
                <td><input type="checkbox" name="one"></td>
                <td>高级程序员</td>
                <td>40000</td>
            </tr>
            <tr>
                <td><input type="checkbox" name="one"></td>
                <td>架构师</td>
                <td>50000</td>
            </tr>

        </table>
    </center>

</body>

</html>
LvhaoIT
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
JavaScript的基础知识
dvhsf的博客
03-10 1234
1.JavaScript简介 以下注解可作为拓展材料： 1、脚本语言又被称为扩建的语言，或者动态语言，是一种编程语言，用来控制软件应用程序，脚本通常以文本（如ASCII)保存，只在被调用时进行解释或编译。 2、汇编语言（assembly language）是一种用于电子计算机、微处理器、微控制器或其他可编程器件的低级语言，亦称为符号语言。在汇编语言中，用助记符代替机器指令的操作码，用地址符号或标号代替指令或操作数的地址。在不同的设备中，汇编语言对应着不同的机器语言指令集，通过汇编过程转换成机器指令。特
html+css+javascript知识点总结
hholy124的博客
08-12 3159
html+css+javascript知识点总结
js重要知识点
大豆博文
03-22 483
1、Div+css布局与table布局区别？Table兼容性很好，IE下先加载表格后加载文字；table对老式浏览器兼容很好Div+css是现在主流布局2、数据类型Undifined、number、nan、null、object、string、boolean、function3、Iframe优缺点原样展现网页，可以随意调用，方便内容修改，网页统一有致减少代码量，第三方加载快捷（框架结构，代码复杂移...
JavaScript知识点小结
Mxy18851251178的博客
10-24 225
函数是一段被封装起来可被重复调用的代码块。
30+个 JavaScript 知识点汇总，你都了解了吗？
高大志leo的博客
02-10 8977
前言 无论你是已经在工作岗位上亦或是正在寻求新的工作机会，掌握常见的 JavaScript 面试知识点，不但可以帮助你扩展知识面、培养逻辑思维，还能帮助你提升自己的工作能力。不妨看看，也许有你所不了解的。 正文 1、JavaScript 的数据类型及其存储方式 截止目前，JavaScript 一共有8种数据类型，可大致分为基本数据类型（也叫原始数据类型）与引用数据类型 基本数据类型：Undefined、Null、Boolean、Number、String、Symbol（es6新增，表示独一无二的值
computer、methods和watch
weixin_30270889的博客
10-13 212
在vue中处理复杂的逻辑的时候，我们经常使用计算属性computer，但是很多时候，我们会把计算属性、方法和侦听器搞混淆，在w3cplus.com的一篇文章中是这样总结这三者的。 methods：正如他的名字一样，它们是挂载在对象上的函数，通常是Vue实例本身或Vue组件。 computed：属性最初看起来像一个方法，但事实却又不是方法。在Vue中，我们使用data来跟踪对特定属性的更改...
JS中Document对象
m0_73030012的博客
09-13 1480
JS中Document对象
JavaScript基础知识点
qq_40046544的博客
08-06 1952
JavaScript是一门完备的动态编程语言。当应用于HTML文档时，可为网站提供动态交互特性。由布莱登布兰登·艾克发明。字面量是用于表达源代码中的一个固定值的表示法字面量有数字字面量、字符串字面量、数组字面量、对象字面量等变量是计算机中用来存储数据的容器，简单理解是一个盒子。未定义是比较特殊的类型，只有一个值undefined只声明变量未赋值的情况下，变量的默认值为undefined简介：数组是一种可以按顺序保存数据的数据类型元素：数组中保存的每一个数据都叫做数组元素下标：数组中数据的编号。...
Javascript知识点总结
赵宪福的博客
09-24 7791
JavaScript知识点整理 取消链接的默认行为： 得到从一个html页面到另外一个html界面传递过来的参数 方式一：var Ohref=window.location.href; alert(Ohref) //http://localhost:8080/route_list.html?cid=1 var arrhref=Ohref.split("?cid="); var cid= ar...
JavaScript笔记知识点整理图文.pdf
11-29
JavaScript笔记知识点整理图文 JavaScript是一种广泛应用于web开发的脚本语言，由于其灵活性、跨平台性和动态性，JavaScript广泛应用于Web前端开发、移动应用开发、桌面应用开发等领域。下面是 JavaScript 笔记知识...
JavaScript知识点
最新发布
03-15
JavaScript是一种属于网络的脚本语言，已经被广泛用于Web应用开发，常用来为网页添加各式各样的动态功能，为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。
JavaScript入门系列之知识点总结
10-22
本文将总结JavaScript的入门知识点，帮助初学者快速理解和掌握这门语言。 首先，我们了解JavaScript的基本特性。JavaScript是一种动态类型语言，这意味着变量的类型可以在运行时改变。它也是弱类型语言，允许变量在...
一个学习javascript的知识点
06-21
JavaScript 基础知识点 JavaScript 是一门非常popular的编程语言，广泛应用于 Web 开发、移动应用开发、服务器端开发等领域。学习 JavaScript 需要掌握其基础知识点，本资源摘要信息将对 JavaScript 的基础知识点...
Javascript知识点汇总.doc
09-30
8. JavaScript应用 - 超链接应用：使用javascript:伪协议进行页面跳转或执行脚本。 - 表单处理：通过事件监听获取表单数据，实现验证和提交。 - 下拉列表框：使用和标签创建，通过value属性获取选中项。 - 多行...
生产者消费者模式Java实现
qq_27331467的博客
04-18 638
生产者消费者模式 在实际的软件开发过程中，经常会碰到如下场景：某个模块负责产生数据，这些数据由另一个模块来负责处理（此处的模块是广义的，可以是类、函数、线程、进程等）。产生数据的模块，就形象地称为生产者；而处理数据的模块，就称为消费者。 代码如下： package 线程; import java.util.ArrayList; import java.util.List; public class 生产者消费者模式 { public static void main(String[] args)
HTML编程语言
qq_27331467的博客
05-01 633
HTML编程语言 文章目录HTML编程语言一、介绍二、作用三、HTML编程语言语法规范四、浏览器发送请求三要素:五、控制浏览器发送请求六、控制浏览器发送请求采用请求方式七.请求方式适用场景【面试】八。控制浏览器发送请求携带请求参数 一、介绍 ​ 1.HTML编程语言是一种专门在浏览器编译与执行的编程语言 ​ 2.HTML编程语言学称是 超文本标记式编程语言 int a =10; //命令行书写方式 <tr> 二、作用 ​ 作用一：HTML编程语言通知浏览器将接收的数据以指定方式在窗口展示
web开发中路径问题（EL表达式 ）
qq_27331467的博客
07-22 566
web开发中路径问题 文章目录web开发中路径问题1.相对路径2.绝对路径3.动态获取路径 1.相对路径 用法 路径 / 根目录下 ./ 当前目录下 …/ 父级目录 2.绝对路径 绝对路径以 / 开头，但是在web应用眼里，代表的意思并不相同 "/" == "http://localhost:8080/" //浏览器眼里 "/" == "http://localhost:8080/myProject/" //web应用眼里 所以出现这种情况，在jsp中可以动态获取路径 3
拦截器-Interceptor
qq_27331467的博客
07-26 560
拦截器-Interceptor 文章目录拦截器-Interceptor一、拦截器介绍二、拦截器使用步骤三、多个拦截器（执行链）1.定义多个拦截器类2.声明多个拦截器（springmvc.xml中）3.执行顺序四、拦截器与过滤器的区别 一、拦截器介绍 1.拦截器是 springmvc 中的一种，需要实现 HandlerInterceptor 接口。 2.拦截器和过滤器类似，功能方向侧重点不同。 过滤器是用来过滤器请求参数， ​ 设置编码字符集等工作。 ​ 拦截器是拦截用户的请求，做请求做判
Spring（六） spring的web项目
qq_27331467的博客
06-05 471
Spring（六） spring的web项目 文章目录Spring（六） spring的web项目一、Web 项目使用 Spring 的问题二、步骤1.新建一个 Maven Project，web项目2.pom文件中加入依赖3.复制代码，配置文件4.建立index页面 与 result页面5.定义RegisterServlet6.web.xml注册Servlet7.配置tomcat运行三、程序中的不足问题代码：如何解决问题解决步骤1.添加maven依赖2.注册监听器ContextLoaderListener
web 中javascript的知识点
05-25
以下是一些常见的Web中JavaScript的知识点： 1. 变量和数据类型：JavaScript中有多种数据类型，包括字符串、数字、布尔值、数组、对象等，还可以使用var、let、const等关键字声明变量。 2. 运算符和表达式：JavaScript中有多种运算符，包括算术运算符、比较运算符、逻辑运算符等，还可以使用表达式进行计算。 3. 控制语句：JavaScript中有多种控制语句，包括if语句、switch语句、for循环、while循环等，可以根据条件执行不同的代码块。 4. 函数：JavaScript中可以使用函数进行代码的封装和重用，还可以使用匿名函数、箭头函数等方式定义函数。 5. 对象和方法：JavaScript中的对象可以包含属性和方法，可以使用点号或方括号来访问对象的属性和方法。 6. DOM操作：JavaScript中可以使用DOM（文档对象模型）来操作HTML文档中的元素，包括获取元素、修改元素属性、添加元素等。 7. 事件处理：JavaScript中可以使用事件来响应用户的操作，包括点击、鼠标移动、键盘输入等，可以使用addEventListener等方法来绑定事件处理函数。 8. AJAX：JavaScript中可以使用AJAX（异步JavaScript和XML）来进行数据的异步加载和交互，可以使用XMLHttpRequest对象发送请求和处理响应。 以上是一些常见的Web中JavaScript的知识点，掌握这些知识可以帮助你编写更加丰富和交互的Web应用程序。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

LvhaoIT

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值