![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 75
JavaScript用法,注意事项。
cyclv
这个作者很懒,什么都没留下…
展开
-
轮播
轮播实现方式1.swiper官网地址:https://www.swiper.com.cn使用方便,简单2.display:none;原生js写的<!DOCTYPE html><html lang="Zh"><head> <meta charset="UTF-8"> <meta name="vie...原创 2020-03-17 08:41:21 · 203 阅读 · 0 评论 -
js实现页面滚动,切换导航栏/点击导航栏跳转到指定位置
方法一利用 a标签绑定好需要滑动位置的Id<a href="#aboutWrap">关于春芽</a>简单快捷,弊端:速度不可控方法二scrollTop加入动画通过使用animate加入动画;scrollTop:距离;$("html, body").animate({scrollTop: $('#'+domid).offset().t...原创 2020-03-20 11:46:45 · 2714 阅读 · 0 评论 -
前端实现发送邮件
1.通过formspree网站地址:https://formspree.io/需要注册一个账户,选择free免费版,newform可以设置安全域名,等配置js代码1.走表单<form action="https://formspree.io/xqkevnyb" method="POST"> <label> Your ...原创 2020-01-08 11:39:07 · 5335 阅读 · 2 评论 -
JavaScript循环遍历对象的属性,只要对象内的Value
let params = {id:1,keyWord:'2019',name:'1014'}for in方法for(let key in params){ console.log(params[key]) // key 是键 }原创 2019-11-22 08:52:09 · 1624 阅读 · 0 评论 -
原生js对数组操作(find,findIndex)
find(返回符合传入测试(函数)条件的数组元素。)let list =[ {id: 4, pid: 3, menuName: "操作日志", menuLevel: 2, url: "/operatelogs"}, {id: 8, pid: 7, menuName: "富文本", menuLevel: 2, url: "/richtext"}, {id: 11, pi...原创 2019-09-28 09:12:41 · 2113 阅读 · 0 评论 -
微信JS-SDK项目学习 --实现分享样式控制thinkphp
h5页面在微信内分享没有接入JS-SDK,上着是没有进行处理的普通分享样式,很丑,只有标题可以控制接入JS-SDK,之后准备工作一.公众号,(认证过的)如果你的工作号是个人的就不会有分享的权限需要认证通过。所以大家要注意二.官方文档。(在公众号内—》开发-》开发者具-》开发文档)文档对我们程序太重要一定要把文档吃透1.查看文档认真查看文档...原创 2019-01-18 16:24:13 · 466 阅读 · 0 评论 -
html页面跳转方式 + 跳转传参
一,页面跳转方式(在原有的页面)1.利用a标签<a href="mattertext-list.html">图文素材</a>2.jq跳转function add_richtext(item) { window.location.href='wenben-list.html'; }二 ,页面跳转传参(打开新的页面)//A页面写法u...原创 2018-12-26 14:46:27 · 1292 阅读 · 0 评论 -
js控制的动画,显示隐藏(元素,动画,显示隐藏)
前端的页面代码js控制的代码// 鼠标悬浮效果 $('.hwenben').hover(function(){ $(this).addClass('bacf2') },function(){ $(this).removeClass('bacf2') }) $('ul li').hover(function(){ // 动画移动加上显示隐藏 $(this).children(...原创 2018-03-06 13:27:32 · 11057 阅读 · 0 评论 -
订单页面多订单
function goodsAll(page,size){ $('tbody').empty(); var url = "{:U('Order/selectOrderAll')}"; var data = {"page":page,"size":size,"status":0}; $.get(url,data,function(res){ $('#count').text(res.count);...原创 2018-03-16 16:29:16 · 1998 阅读 · 0 评论 -
sessionStrorage + localStorage+ cookes
sessionStrorage存储sessionStorage.setItem('key',value)sessionStorage.setItem('','')是页面关闭数据就会消失取出sessionStorage.getItem('username')var username = sessionStorage.getItem('username');localStora...原创 2018-03-09 15:30:54 · 709 阅读 · 0 评论