前端
关注
分享
扫一扫
个人学习心得
霜序0.2℃
风信子
展开
-
JQuery 动态留言
JQuery 动态留言请设计一个动态留言的功能,满足如下要求:页面默认有让用户填写昵称的及留言内容的文本框用户输入的昵称及内容不可为空，当输入后点发布时，能将最新的留言显示在留言框及昵称文本框的上方,不断发布则不断添加要求新留言默认在上，旧留言默认在下每条新增的留言后方会跟随一个删除按钮,点击删除按钮的时候会删除该条留言要求使用JQuery来实现;6.要求对整个留言功能进行简单的美化；<!DOCTYPE html><html lang="en"><hea原创 2021-10-30 15:58:49 · 758 阅读 · 0 评论 -
jQuery 简单练习(复选框,隐藏样式,隐藏图片)
设计一个复选框功能,要求可以全选和全取消假设有一个图文混排的页面,要求设计一个按钮,当用户点击该页面能使所有图片和文字增加美化效果,再次点击取消,再设计一个按钮,当用户点击能够显示或者隐藏图片<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>work1</title> <style> </.原创 2021-10-23 17:01:31 · 207 阅读 · 0 评论 -
什么是异步 [转载]
https://blog.csdn.net/li123128/article/details/80650256转载 2021-10-04 16:28:48 · 82 阅读 · 0 评论 -
js 简单读取json格式的变量的简单例子
jsonlet users = [ { "name": "Bill", "sex": "1", "phone": "1377777777" }, { "name": "Biaall", "sex": "1", "phone": "13464537564" }, { "name": "Billgdsaf", "sex": "2", "phone": "13772345235" }];<!DOCTYPE html><html lang原创 2021-10-16 15:09:36 · 687 阅读 · 0 评论 -
js 使用 localStorage 实现本地保存
要求设计一个页面,有一个发布框,当用户填写后如果未发布,则默认保存,下次打开页面后还会保留在发布框内,如果用户点了发布则不保存。模拟保存本地的过程即可。代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>发布</title></head><body><form method="post"&原创 2021-10-16 14:21:09 · 772 阅读 · 0 评论 -
js 使用 sessionStorage 实现两个页面相互跳转且不丢失之前网页填写的信息
使用了sessionStorage技术,类比cookie和localStorage:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>注册</title></head><body><form method="post"> <label for="msg">请输入姓名:原创 2021-10-16 14:00:33 · 2510 阅读 · 0 评论 -
JavaScript cookie 实验
关键词:JavaScript,DOM,Cookie请设计一个页面,该页面需要有一个用户名和密码,并有一个记住我的按钮,如果用户输入用户名和密码,并且点了点了记住我之后,下一次访问这个页面,则会自动登陆方法:使用cookie进行存储信息我这里的写法有点不标准,检查的时候直接用cookie进行indexOf搜索<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <原创 2021-10-01 18:51:41 · 84 阅读 · 0 评论 -
二级联动菜单 JavaScript
DOM 练习忘了参考哪篇文章了…<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>联动</title></head><body><label for="city"></label><select name="省市" id="city"></select&g原创 2021-10-01 18:43:32 · 134 阅读 · 0 评论 -
广告位轮播图 JavaScript实现
DOM 练习<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>照片自动切换</title></head><body><div> <div> <a href="https://www.zhihu.com/hot" id="one"><i原创 2021-10-01 18:41:57 · 236 阅读 · 0 评论 -
分享可以直接使用的页面效果
<!-- 点击出现爱心 --><script src="https://cdn.jsdelivr.net/gh/wallleap/cdn/js/love.js"></script> <!-- 点击出现彩色气球爆炸效果 --><canvas class="fireworks" style="position: fixed;left: 0;top: 0;z-index: 1; pointer-events: none;" ></canva原创 2021-01-03 21:59:09 · 197 阅读 · 0 评论