![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
html
HadwinLing
这个作者很懒,什么都没留下…
展开
-
jq的基础知识
选择器:筛选具有相似特征的元素(标签)基本操作学习:事件绑定 //1.获取b1按钮 $("#b1").click(function(){ alert(“abc”); });入口函数 $(function () { });window.onload 和 $(function) 区别window.onload 只能定义一次,如果定义多次,后边的会将前边的覆盖掉$(function)可...原创 2020-03-30 08:55:51 · 153 阅读 · 0 评论 -
js-实现点击显示与隐藏
html部分<div id="box"> <div >账户余额 <em id="box_title" style="font-size: 12px">显示余额</em></div><div id="box_content" style="displa...原创 2020-03-27 21:38:49 · 655 阅读 · 0 评论 -
js-发表评论
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; padding...原创 2020-03-11 21:36:27 · 874 阅读 · 0 评论 -
js-图片的隐藏与显示
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body><button id="btn">隐藏</button><p>...原创 2020-03-11 20:18:40 · 847 阅读 · 0 评论 -
js-实现图片的点击切换
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"> window.onload = functi...原创 2020-03-11 20:06:57 · 523 阅读 · 0 评论 -
js-手风琴式菜单
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min....原创 2020-03-11 19:55:25 · 230 阅读 · 0 评论 -
html,js--简单的表单验证
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表单验证</title> <Script> function Verify () { if (verifyAcc...原创 2020-03-10 17:33:20 · 153 阅读 · 0 评论 -
html,js--时钟
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> window.onload = function () { // ...原创 2020-03-10 16:10:38 · 81 阅读 · 0 评论 -
html/css-仿写百度搜索首页
html部分:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="baibuA.css"></head>...原创 2020-01-07 18:52:58 · 691 阅读 · 0 评论 -
打印菱形的基本原理,使用js实现,并将打印的形状嵌套在table中
打印平面图形本质:设置两个循环1.外层循环控制行(行数,换行)2.内层循环控制列(列数,行的图形)打印三角型,实际就是讨论外层和内层的关系如:同理其他菱形也类似,我的思想是先打印出上半部分,在上半部分向考虑空格中行数与个数之间的关系,然后考虑星星的行数与个数的关系,这两个关系一般都是等差数列的关系。对于固定上半部分的函数实现更为简单,若是上半部分的行数的不固定的话,就要考虑等差数列*A...原创 2020-01-07 18:43:47 · 322 阅读 · 0 评论 -
计算某天是某年的第几天,判断闰年,使用js实现
闰年:能被4整除但是不能被100整除,或者能被400整除。代码实现:(year%40 && year%100!=0)||(year%4000)下列使用js具体实现过程:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&...原创 2020-01-07 18:15:59 · 190 阅读 · 0 评论 -
原生js实现复选框的全选,取消全选,当子选项改变时会影响全选框的选种状态
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> function chkAll() { var chk = doc...原创 2020-01-07 18:03:43 · 261 阅读 · 0 评论 -
webstrom中如何快速生成自定义的代码块
最后在这里选择要在什么语言下可以使用这个自动代码块原创 2018-11-28 21:23:23 · 932 阅读 · 0 评论 -
vue.js下简单实现登录
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0;原创 2018-11-28 21:05:39 · 3602 阅读 · 0 评论 -
防止定时器的累加
在使用定时器的过程中会产生定时器的累加,往往定时器的累加会加快定时器的计算,导致时间不准确错误案例在下面的代码中,多次进入box后会加快控制台输出num。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewp原创 2018-10-20 11:48:15 · 2764 阅读 · 0 评论 -
原生js中通过开始结束控制计时器
js控制计时器开始和结束,并且实时的将时间显示在text上的,用时间戳来控制在多次点击button的时候不会对时间进行累加,从而导致计时速度加快,在点击开始按钮的时候跳转到setInterval()方法中,将text.value = seconde;放置在setInterval()中就可实施显示时间。&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&a原创 2018-10-09 20:09:15 · 1029 阅读 · 0 评论 -
原生js中使用addEventListener实现拖拽事件
addEventListener()方法用于指向元素添加事件,注意在IE8及更早版本,opera7.0及更早版本都不支持addEventListener(),但是可以使用attchEvent()方法来进行添加事件提示:使用removeEventListener()来溢出addEventListener()方法添加事件代码实现部分<!DOCTYPE html><html l...原创 2018-10-06 19:57:45 · 4215 阅读 · 0 评论