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异常

相关内容

热门资讯

安卓手机的rom系统,功能丰富... 你有没有发现，安卓手机的ROM系统就像是一层神秘的面纱，包裹着你的手机，让它焕发出不一样的光彩？今天...
宝马安卓系统音源切换,一触即达 你有没有发现，开宝马的时候，音乐播放的体验也是相当重要的呢？想象当你驾驶着宝马，窗外的风景如画，而车...
安卓怎样删除系统更新,轻松恢复... 手机系统更新了，是不是觉得新功能超酷，但有时候更新后的系统反而有点小闹心？别急，今天就来手把手教你如...
国内安卓系统知乎,知乎视角下的... 你知道吗？在我国，安卓系统可是占据了手机市场的大半壁江山。而关于这个话题，知乎上可是讨论得如火如荼。...
安卓登录linux系统下载,下... 你有没有想过，你的安卓手机竟然能登录Linux系统呢？没错，就是那个在服务器上大显神威的Linux！...
安卓系统怎么弹窗广告,Andr... 你有没有发现，手机上时不时就会跳出来一些广告，让人烦不胜烦？尤其是安卓系统的手机，弹窗广告更是让人头...
安卓系统能运行tomcat,基... 你有没有想过，安卓系统竟然能运行Tomcat？这可不是什么天方夜谭，而是实实在在的技术实现。想象你的...
小米减少安卓系统耗电,深度解析... 你知道吗？最近小米手机界可是掀起了一阵小风波呢！那就是——小米减少安卓系统耗电的大动作！是不是听起来...
原生系统的安卓电视,体验流畅智... 你有没有想过，家里的电视竟然也能像智能手机一样，玩转各种应用和游戏？没错，这就是原生系统的安卓电视的...
老版电脑装安卓系统,探索安卓系... 你有没有想过，那些曾经陪伴我们度过无数时光的老版电脑，现在竟然也能装上安卓系统呢？这可不是天方夜谭，...
安卓系统查看mac地址,安卓系... 你有没有想过，你的安卓手机里隐藏着一个小秘密——那就是它的MAC地址！这个看似普通的数字组合，其实能...
ios系统和安卓系统的比较,全... 你有没有想过，为什么你的手机里装的是苹果的iOS系统，而朋友的手机却是安卓的呢？这两种系统各有各的特...
不是基于安卓的系统,多元化移动... 你知道吗？在科技的世界里，有一种操作系统，它可不是什么安卓哦！今天，就让我带你一起探索这个神秘的世界...
苹果上安卓系统游戏,揭秘跨平台... 你有没有想过，那些在苹果手机上玩得如痴如醉的游戏，竟然也能在安卓系统上畅游？没错，就是那种一触即发、...
安卓鸿蒙苹果系统对比,三大操作... 你有没有发现，现在手机市场上的操作系统之争越来越激烈了？安卓、鸿蒙、苹果，这三个名字几乎成了智能手机...
安卓系统所有暗码大全,暗码大全... 你有没有遇到过那种手机解锁时突然冒出个暗码，让你一头雾水的情况？别急，今天就来给你揭秘安卓系统所有暗...
安卓p原生系统样子,安卓P原生... 你有没有注意到，你的安卓手机最近是不是变得不一样了？没错，就是那个安卓P原生系统，它悄悄地来了，带来...
如何把harmony系统改为安... 你是不是也对Harmony系统有点儿腻味了，想要换换口味，试试安卓系统的魅力呢？别急，今天就来手把手...
郑州安卓会议视频系统,高效便捷... 你有没有想过，在繁忙的会议中，如何让每个人都能清晰地看到演示内容呢？今天，就让我带你走进郑州安卓会议...
安卓平板怎么备份系统,全方位备... 你有没有想过，如果你的安卓平板突然“罢工”了，里面的资料怎么办？别急，今天就来教你怎么备份系统，让你...