JavaScript
普通网友
这个作者很懒,什么都没留下…
展开
-
JavaScript实现js添加dom元素(以下拉框为例子)
效果图:也可以根据自己的需要更改下拉框的值<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="button" id="" value="添加" onclick="add()" /> <div id="sel">原创 2020-06-03 16:10:44 · 2757 阅读 · 13 评论 -
JavaScript使用setInterval实现倒计时操作
效果图:时间可以自己设置<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="button" value="一分钟倒计时" onclick="daojishi()" /> <label id="time">60</l原创 2020-06-03 16:08:41 · 2489 阅读 · 23 评论 -
Javascript使用Eval实现基本运算
效果图:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input id="num" type="text" /> <button onclick="eval1()">运算</button> <label i原创 2020-06-03 16:05:47 · 1918 阅读 · 14 评论 -
JavaScript实现九九乘法表
效果图:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <script> window.onload=function(){ for (var i = 1;i<10;i++) { for(var j = 1;j<=i;j++){ document.w原创 2020-06-03 16:02:55 · 2934 阅读 · 16 评论 -
js实现只显示一个骰子页面,其余的不显示(HTML使用栅格布局实现六种筛子的样式)
页面开始的时候就运行,效果图:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .big { width: 100px; height: 100px; background: skyblue; display: flex;原创 2020-06-03 16:00:20 · 1447 阅读 · 22 评论 -
通过网页或者移动设备链接跳转qq(tim)添加好友(群)
首先需要去qq群官方,然后点记加群组件,然后选择群,复制对应的代码即可登录到QQ群官网点击加群组件选择群,选择网页还是移动设备 复制代码示例:<html><head> <title>加群组件</title></head><body> <div> <a target="_blank" href="tencent://message/?uin=你的QQ号码">添加好友</a&g原创 2020-05-28 16:50:03 · 2718 阅读 · 28 评论 -
JavaScript实现登录滑动验证
来自于GitHub,如何快速访问GitHub先附上效果图划到一半停止回自己回去的PS:附上代码,有需要自己更改,<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>滑块解锁封装js方法</title> ...原创 2020-03-31 17:34:19 · 11270 阅读 · 35 评论 -
JavaScript实现html购物车代码
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2020-02-17 15:43:45 · 17709 阅读 · 23 评论 -
JQuery实现对html结点的操作(创建,添加,删除)
效果图:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/jquery-3.4.1.js" type="text/javascript" charset="utf-8">&...原创 2020-02-15 17:44:05 · 12735 阅读 · 26 评论 -
Javascript实现万年历(日历表)
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .main { width: 800px; margin: 0 auto; } ...原创 2019-12-09 22:17:44 · 16429 阅读 · 21 评论