摘要: 代码实现: <body></body>内容: <div></div> <script> var div = document.querySelector('div'); getDate(); setInterval(getDate, 1000); function getDate() { var d 阅读全文
posted @ 2020-10-11 14:05 火星飞鸟 阅读(1814) 评论(0) 推荐(0) 编辑
摘要: 要求: 有两个页面:index.html和login.html。在login.html页面中点击登录,会跳转到index.html,并将输入的用户名传递到index.html。 实现思路: 第一个登录页面,里面有提交表单,action提交到index.html页面 第二个页面,利用了URL里面的lo 阅读全文
posted @ 2020-10-11 12:08 火星飞鸟 阅读(611) 评论(0) 推荐(0) 编辑
摘要: 代码实现: <body></body>内容: <body> <div></div> <script> var div = document.querySelector('div'); var timer = 5; fn(); setInterval(fn, 1000); function fn() 阅读全文
posted @ 2020-10-11 11:52 火星飞鸟 阅读(580) 评论(0) 推荐(0) 编辑
摘要: JS是单线程 JavaScript语言的一大特点就是单线程,也就是说,同一个时间只能做一件事。 这是因为Javascript这门脚本语言诞生的使命所致——JavaScript是为处理页面中用户的交互,以及操作DOM而诞生的。比如我们对某个DOM元素进行添加和删除操作,不能同时进行。应该先进行添加,之 阅读全文
posted @ 2020-10-11 10:42 火星飞鸟 阅读(184) 评论(0) 推荐(0) 编辑
摘要: 统一资源定位符(Uniform Resource Locator,URL)是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的URL,它包含的信息指出文件的位置以及浏览器应该怎么处理它。 URL的一般语法格式为: protocol://host[:port]/path/[?query]#fra 阅读全文
posted @ 2020-10-11 10:27 火星飞鸟 阅读(319) 评论(0) 推荐(0) 编辑
摘要: 要求: 点击按钮后,该按钮60秒之内不能再次点击,防止重复发送短信 实现思路: 按钮点击之后,禁用disabled为true 同时按钮里面的内容会变化,button里面的内容通过innerHTML修改 里面秒数是有变化的,因此需要用到定时器 定义一个变量,在定时器里面,不断递减 如果变量为0说明时间 阅读全文
posted @ 2020-10-11 09:43 火星飞鸟 阅读(940) 评论(0) 推荐(1) 编辑
摘要: 实现思路: 调用显示剩余时间函数,具体见countDown(time) 使用定时器setInterval(countDown, 1000),每隔一秒调用一次,即每秒刷新一次剩余时间,实现倒计时的动态效果 代码实现: HTML: <div> <span class="day">1</span> <sp 阅读全文
posted @ 2020-10-11 09:16 火星飞鸟 阅读(1115) 评论(0) 推荐(0) 编辑
摘要: 区别: setTimeout延时时间到了,就去调用这个回调函数。调用一次后,就结束了这个定时器。 setInterval每隔这个延时时间,就去调用这个回调函数,会调用很多次,重复调用这个函数。 案例: setTimeout: // 过1秒后输出'只输出一次' setTimeout(function( 阅读全文
posted @ 2020-10-11 08:40 火星飞鸟 阅读(218) 评论(0) 推荐(0) 编辑
摘要: 要求: 用户在输入框输入内容时,上面的大号字体盒子con显示(这里面的字号更大) 实现思路: 表单检测用户输入:给表单添加键盘事件 同时把快递单号里面的值value获取过来赋值给con盒子innerText做为内容 如果快递单号里面内容为空,则隐藏大号字体盒子con盒子 代码实现: HTML: <d 阅读全文
posted @ 2020-10-11 08:06 火星飞鸟 阅读(564) 评论(0) 推荐(0) 编辑
摘要: 要求: 有一输入框,当用户按下s键,光标自动定位到输入框中。 实现思路: 检测用户是否按下了s键,如果按下s键,就把光标定位到搜索框里面 使用键盘事件对象里面的keyCode判断用户按下的是否是s键 搜索框获得焦点:使用focus()方法 代码实现: 内容: <input type="text"> 阅读全文
posted @ 2020-10-11 07:52 火星飞鸟 阅读(705) 评论(0) 推荐(0) 编辑