js小技巧篇（自触发，容错，与或，多绑定）

最新推荐文章于 2023-03-02 16:12:29 发布

mygirfriend

最新推荐文章于 2023-03-02 16:12:29 发布

阅读量418

点赞数

分类专栏： js 文章标签： es6-js

本文链接：https://blog.csdn.net/mygirfriend/article/details/60134607

版权

js 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
<p>请输入 5 到 10 之间的数:</p>

<input id="demo" type="text">
<button type="button" οnclick="myFunction()">检测输入</button>

<p id="message"></p>

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>

/*(()=>{

      alert('test')
  })() //不触发 自执行了一个函数*/
/*function myFunction() {
    var message, x;
    message = document.getElementById("message");
    message.innerHTML = "";
    x = document.getElementById("demo").value;
    try {
        if(x == "")  throw "为空";
        if(isNaN(x)) throw "不是一个数字";
        if(x > 10)   throw "太大";
        if(x < 5)    throw "太小";
    }
    catch(err) {
        message.innerHTML = "输入的值 " + err;
    }
    finally {
        document.getElementById("demo").value = "";
    }
}*///try catch finally容错
    let a=2
    //const b =2
//console.log(a>1?'对':'错')//三元表达式
    //a!=2 && console.log('是的')//and的妙用

var add_step =5;
var add_level = 0;
/*switch(add_step){
    case 5 : add_level = 1;
        break;
    case 10 : add_level = 2;
        break;
    case 12 : add_level = 3;
        break;
    case 15 : add_level = 4;
        break;
    default : add_level = 0;
        break;
}*/
add_level={'5':1,'10':2,'12':3,'15':4}[add_step] || 0;//更简的代码
console.log(add_level)
$(document).bind('keydown', 'del', function() {
    deleteSelectedNodes();
});//jquery可以绑定多个事件多个方法

</script>
</body>
</html>

mygirfriend

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js小技巧篇（自触发，容错，与或，多绑定）

html>lang="en"> charset="UTF-8"> Title请输入 5 到 10 之间的数:id="demo" type="text">type="button" onclick="myFunction()">检测输入id="message">src="http://code.jquery.com/jquery-1.9.1.js">/
复制链接

扫一扫