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

相关内容

热门资讯

安卓系统的移动加密软件,安全守... 你知道吗？在这个信息爆炸的时代，保护个人隐私变得尤为重要。而手机，作为我们日常生活中不可或缺的伙伴，...
最低安卓系统淘汰时间,揭秘最低... 你知道吗？在科技飞速发展的今天，手机更新换代的速度简直就像坐上了火箭！这不，最近有个话题在数码圈里炒...
安卓系统什么框架好用,探索最佳... 你有没有想过，你的安卓手机里那些应用，是怎么运行得那么顺畅的呢？其实，这背后可是有“大功臣”的——那...
平板安卓系统和ios,安卓与i... 你有没有发现，现在身边的朋友几乎人手一台平板电脑呢？无论是追剧、办公还是游戏，平板电脑都成了我们生活...
安卓的定位系统叫什么,GPS导... 你有没有想过，你的手机是怎么知道你在哪儿的呢？是不是觉得这事儿很神奇？其实，这背后有一个强大的技术支...
老式电视安卓系统升级,解锁智能... 你有没有发现，家里的老式电视突然变得聪明起来啦？没错，就是那个陪伴我们多年的老伙伴，它竟然悄悄地升级...
长安车载系统升级安卓 你有没有发现，最近你的长安车好像变得聪明多了？没错，就是那个车载系统，它悄悄地进行了安卓升级，简直就...
安卓系统损坏标志图,故障原因与... 手机突然间闹起了脾气，屏幕上那个安卓系统损坏的标志图，简直就像是个不速之客，突然闯进了你的生活。别急...
安卓系统自带投屏,轻松实现多屏... 你是不是也和我一样，有时候想把自己的手机屏幕上的内容分享给朋友或者家人看，但又觉得用数据线连接太麻烦...
mac可以下安卓系统么 亲爱的果粉们，你是否曾有过这样的疑问：Mac可以下安卓系统吗？这个问题，不仅让你我好奇，也让不少科技...
diy主机安卓系统推荐 亲爱的DIY爱好者们，你是否曾梦想过拥有一台完全由自己组装的安卓主机？想象一台运行流畅、功能强大的安...
安卓13系统可以安装吗 你有没有听说安卓13系统已经发布了？是不是迫不及待想要升级你的手机，体验一下新系统的魅力呢？不过，在...
手机壳平价推荐安卓系统,时尚与... 手机壳可是咱们手机的最佳守护者呢！想象你的宝贝手机在日常生活中难免会遭遇各种“小意外”，有了手机壳，...
麦芒是安卓系统吗,深度解析安卓... 你有没有想过，手机里的那个麦芒，它是不是安卓系统呢？这个问题，估计不少手机控都好奇过吧！今天，就让我...
苹果x系统感觉像安卓,安卓风潮... 你有没有发现，最近苹果的X系统好像有点儿像安卓呢？是不是觉得苹果的“高贵”形象突然变得有点儿接地气了...
小米的安卓系统设置在哪,轻松生... 你有没有发现，小米手机的操作界面简洁又美观，功能强大到让人爱不释手？但是，有时候你可能会觉得，这个设...
安卓系统荣耀排第一,引领智能手... 你知道吗？在智能手机的世界里，有一个系统可是风头无两，那就是安卓系统！而在这众多安卓手机品牌中，有一...
充电宝带安卓系统,便携式智能电... 你有没有想过，你的充电宝也能拥有自己的操作系统呢？没错，就是安卓系统！听起来是不是很酷？想象你的充电...
安卓类原生系统手机推荐,精选原... 你有没有想过，拥有一部安卓类原生系统手机，就像是拥有了掌控自己世界的魔法棒？没错，原生系统带来的流畅...
努比亚安卓13系统下载,下载与... 你有没有听说？努比亚手机最近可是大动作连连呢！他们推出了全新的安卓13系统，而且现在就可以下载啦！是...