5个JavaScript小技巧（1）

时间 2020-12-01

标签 javascript php html java 微信 ide this code orm htm 栏目 JavaScript 繁體版

原文原文链接

js监听input值发生变化

<input type="text" id="inputval" value="123456">
$("#inputval").bind('input propertychange',function(e){
    console.log($(this).val())
})

js截取某个字符串前面的内容

<!-- js截取两个字符串之间的内容 -->
var str = "aaabbbcccdddeeefff";
str = str.match(/aaa(\S*)fff/)[1];
alert(str);//结果bbbcccdddeee

<!-- js截取某个字符串前面的内容 -->
var str = "aaabbbcccdddeeefff";
str = str.match(/(\S*)fff/)[1];
alert(str);//结果aaabbbcccddd

<!-- js截取某个字符串后面的内容 -->
var str = "aaabbbcccdddeeefff";
str = str.match(/aaa(\S*)/)[1];
alert(str);//结果bbbcccdddeeefff

js屏蔽微信右上角分享按钮

document.addEventListener(‘WeixinJSBridgeReady‘, function onBridgeReady() {
     // 经过下面这个API隐藏底部导航栏
     WeixinJSBridge.call(‘hideToolbar‘);
 });
            
 document.addEventListener(‘WeixinJSBridgeReady‘, function onBridgeReady() {
     // 经过下面这个API显示底部导航栏
     WeixinJSBridge.call(‘showToolbar‘);
 });

js获取div里面的内容

<div id="id1">
    这是内容
</div>
var a=document.getElementById("id1").innerText;

js验证表达是否为空

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<title>js简单表单验证</title> 
<script type="text/javascript">
window.onload=function(){
    var bt=document.getElementById("bt");
    bt.onclick=function(){
        if(document.myform.name.value==""){
            alert("用户名不能为空!");
            document.myform.name.focus();
            return false;
        }else if(document.myform.pw.value==""){
            alert("密码不能为空!");
            document.myform.pw.focus();
            return false; 
        }
    }
}
</script>
</head>
<body>
<form action="index.php" method="get" name="myform">
    <ul>
        <li>姓名:<input type="text" name="name" id="name" /></li>
        <li>密码:<input type="text" name="pw" id="age" /></li>
        <li><input type="submit" id="bt"/></li>
    </ul> 
</form>
</body>
</html>

Author:TANKING
Date:2020-12-01
Web:http://www.likeyun.cn/
WeChat:face6009javascript