JavaScript 获取地址栏指定参数的两种方法
假如当前地址栏链接为：https://test.com/?type=studentspage=3 function UrlSearch () { var name, value ; var str=location.href; //取得整个地址栏 var num=str.indexOf( ? ); str=str.substr(num+ 1 ); //取得所有参数 stringva...
vue监听手机键盘搜索事件
form action = javascript:return true !-- form ios手机上唤起搜索按钮（默认是换行按钮） -- input @ keypress = searchBtn type = search name = id = value = placeholder = 医生 v-model = put / / form searchBtn(event) {if (even...
vue监听手机物理返回键（浏览器返回）
//1、挂载完成后，判断浏览器是否支持popstate mounted(){ if ( window .history window .history.pushState) { history.pushState( null , null , document .URL); window .addEventListener( popstate , this .goBack, false ); }}, //页面...
前端JS判断页面是手机登录还是电脑登录
!DOCTYPE html html head meta http-equiv = Content-Type content = text/html;charset=UTF-8 title 判断手机登录还是电脑登录 / title / head body script type = text/javascript function browserRedirect () { var sUserAgent = navigator.u...
css扫描识别动画效果
!DOCTYPE html html head meta charset = UTF-8 title css扫描动画 / title style * { margin : 0 ; padding : 0 ; box-sizing :border-box;} body { height : 100vh ; position :relative;} .scan { width : 150px ; height : 150px ; position :absolut...
textarea输入框限制输入字符的方法
!DOCTYPE html html lang = en head meta charset = UTF-8 title textarea限制输入字符 / title / head body textarea name = test onkeyup = textAreaChange(this) onkeydown = textAreaChange(this) rows = 5 / textarea div class = text-right em s...
页面实现加载进度条的效果
!DOCTYPE html html lang = en head meta charset = UTF-8 title 进度条 / title style *{ margin : 0 ; padding : 0 ; } #progress { width : 100% ; height : 30px ; background : #00bc12 ; } #bar { width : 1% ; height : 30px ; margin-top : 1px ;...
JS实现点击收缩，点击展开效果
!doctype html html lang = en head meta charset = UTF-8 / title 点击收缩，点击展开 / title script src = http://libs.baidu.com/jquery/1.11.3/jquery.min.js / script / head body p span 测试点击展收缩测试点击展收缩测试点击...