JavaScript新手学习手册-基础代码（四）

创始人

2024-05-31 00:31:44

0次

与上篇文章相接

操作表单：通过javascript来实现对表单的操作

    名字
性别:男女

JavaScript实现对表单数据的操作

1：获取text中文本

2:修改文本框的内容

3:查看并修改单选框是否被选中

实现对用户登录时，实现对密码的md5格式修改(实现对用户密码的保护）

通常代码的实现

    用户名: 
密码:

网页页面如下，但是这种的提交方式是特别不安全的

通过浏览器的抓包功能，可以很简单的得到自己登陆时的用户名和密码，所以我们需要改变让密码能够得到很好的隐藏。

这里只介绍一种就是MD5编码格式，它可以让我们的信息得到保护

什么是MD5？

通俗的讲：MD5就是一套具有自身定义格式的代码，给他一串数字，它能按照自身的代码格式，将数字得到重组，并得到一套新的数据。

代码：

//MD5编码格式，可以直接调用，也可以下载到文件下，直接调用这里为了方边就使用了网络版的js文档
//onsubmit="return f():点击事件，当点击提交这个按钮时，会调用f这个方法 用户名: 
密码:

重新提交：得到的数据是由MD5格式编码而成的格式

问题：当精通MD5的人说得到这一串编码格式，它是不是能破解，得到密码呢？

如果数据返回是一串空值，他是不是就不能盗取你的密码了呢？

代码实现：数据抓包的得到的是空值



Title

用户名: 
密码:

jquery:被称为JavaScript的代码库

获取方法还是和MD5的方式一样，可以下载到文件下直接调用，也可以把网上的js代码直接到入到代码文件上

公式：$(选择器).action()



$('p').click();//标签选择器
$('#id1').click();//id选择器
$('.class1').click;//class选择器



Title

点击我

实现的结果：

事件类型：

1、点击事件（onclick和ondblclick）；

2、焦点事件（onblur和onfocus）；

3、加载事件（onload）；

4、鼠标事件；

5、键盘事件；

6、选择和改变事件；

7、表单事件。

获取鼠标的位置

代码：



Title

mouse:在这里移动鼠标试试

效果呈现：

DOM操作：

原生代码：在这基础上实现操作

    demo1
demo2

通过jquery对象Dom对象进行操作

1：获取指定对象的值

2：修改指定对象的值

3:修改指定元素的css

4:元素的显示和隐藏

隐藏：

显示：

词库加载错误:未能找到文件“E:\highferrum_mysql\Configuration\Dict_Stopwords.txt”。

上一篇：SQL的优化思路和使用规范

下一篇：JVM实战OutOfMemoryError异常

热门资讯

安卓9.0系统挂机游戏,轻松享... 你有没有发现，自从安卓9.0系统更新后，手机里的游戏体验简直就像坐上了火箭！今天，就让我带你一起探索...

安卓系统怎么用迅雷下载,安卓系... 你有没有想过，在安卓系统上下载文件竟然也能这么简单？没错，今天就要来给你揭秘，如何用迅雷在安卓系统上...

安卓手机刷成学生系统,探索全新... 你有没有想过，你的安卓手机其实可以变身成一个充满学习氛围的学生系统呢？没错，就是那种看起来简洁、功能...

ios能迁移安卓系统吗,iOS... 你有没有想过，你的iPhone里的那些宝贝应用，能不能搬到安卓手机上继续使用呢？这可是不少手机用户的...

荣耀10安卓11系统,畅享极致... 你知道吗？最近手机界可是热闹非凡呢！荣耀10这款手机，自从升级到了安卓11系统，简直就像脱胎换骨了一...

安卓系统pc版电脑配置,打造流... 你有没有想过，安卓系统竟然也能在电脑上运行呢？没错，就是那个我们手机上常用的安卓系统，现在也能在PC...

tcllinux系统刷安卓系统... 你有没有想过，你的TCL Linux系统竟然也能升级成安卓系统呢？没错，就是那个我们日常使用的安卓系...

安卓13系统更新蓝牙,蓝牙功能... 你有没有发现，最近你的安卓手机好像变得不一样了？没错，就是那个神秘的安卓13系统更新，它悄悄地来到了...

安卓系统钉钉打开声音,安卓系统... 你有没有遇到过这种情况？手机里装了钉钉，可每次打开它，那声音就“嗖”地一下跳出来，吓你一跳。别急，今...

理想汽车操作系统安卓,基于安卓... 你有没有想过，一辆汽车，除了能带你去你想去的地方，还能像智能手机一样，给你带来智能化的体验呢？没错，...

安卓系统越狱还能升级吗,升级之... 你有没有想过，你的安卓手机越狱后，还能不能愉快地升级系统呢？这可是不少手机爱好者关心的大问题。今天，...

安卓系统蓝牙耳机拼多多,畅享无... 你有没有发现，最近蓝牙耳机在市场上可是火得一塌糊涂呢！尤其是安卓系统的用户，对于蓝牙耳机的要求那可是...

安卓变苹果系统桌面,桌面系统变... 你知道吗？最近有个大新闻在科技圈里炸开了锅，那就是安卓用户纷纷转向苹果系统桌面。这可不是闹着玩的，这...

鸿蒙系统怎么下安卓,鸿蒙系统下... 你有没有想过，你的手机里那个神秘的鸿蒙系统，竟然也能和安卓世界来一场亲密接触呢？没错，今天就要来揭秘...

手机安卓系统流程排行,便捷操作... 你有没有发现，现在手机的世界里，安卓系统就像是个大舞台，各种版本层出不穷，让人眼花缭乱。今天，就让我...

安卓系统左上角hd,左上角HD... 你有没有发现，每次打开安卓手机，左上角那个小小的HD标识总是默默地在那里，仿佛在诉说着什么？今天，就...

安卓系统软件文件,架构解析与功... 你有没有发现，手机里的安卓系统软件文件就像是一个神秘的宝库，里面藏着无数的宝藏？今天，就让我带你一起...

安卓系统输入法回车,探索安卓输... 你有没有发现，在使用安卓手机的时候，输入法回车键的奇妙之处？它就像是我们指尖的魔法师，轻轻一点，文字...

安卓修改系统时间的软件,轻松掌... 你有没有想过，有时候手机上的时间不对劲，是不是觉得生活节奏都被打乱了？别急，今天就来给你揭秘那些神奇...

安卓系统能改成鸿蒙吗,系统迁移... 你有没有想过，你的安卓手机能不能变成一个鸿蒙系统的“小清新”呢？这可不是天方夜谭哦，今天就来聊聊这个...