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