JS基础知识

小白新手常规操作之笔记摘要！！

1、JS (或)和(与)区别

【||】满足一个条件即可   【&&】必须全部满足条件
&& 优先级高于||
||(或)
  只有前后都是false的时候才返回false。否则返回true
  只要"||"前面为false，不管后面是true还是false,都返回"||"后面的值
  只要”||”前面为true，不管“||“后面是true还是false，都返回"||"前面的值
&&(与)
  只有前后都是true的时候才返回true，否则返回false
  只要"&&”前面是false，无论"&&"后面是true还是false.结果都将返回"&&"前面的值
  只要“&&”前面是true，无论“&&”后面是true还是false，结果都将返回"&&"后面的值

 

2、原生ajax和post

$.agax({
    method:"POST",
    url:"地址",
    data:{参数},
    dataType:"json",
    traditional:true,//使用传统方法序列化数据
    success:function(data){
        
    }
})

$.post(url,{参数},function(data){
    
}, "Text/Json")//Text/Json-->根据需求情况添加text/json

3、JS对字符乱码的处理


如果你在JavaScript中处理字符串(乱码)，可以使用encodeURIComponent()和decodeURIComponent()来编码和解码字符串。

4、鼠标点击事件

　  ng-click ( 适用标签 ：所有，触发事件：单击)；
　　ng-dblclick（ 适用标签 ：所有，触发事件：双击）；
　　ng-blur（适用标签 : a,input,select,textarea，触发事件：失去焦点）；
　　ng-focus（适用标签 : a,input,select,textarea，触发事件：获取焦点）；
　　ng-change（适用标签 : a,input,select,textarea，触发事件：model更新）；
　　ng-keydown（适用标签 : 所有，触发事件：键盘按键按下，要把$event传过去）；
　　ng-keyup（适用标签 :大部分用在input、textarea， 但适用所有标签，触发事件：键盘按键按下并松开，但要把$event 传过去）；
　　ng-keypress（同上）；
　　ng-mousedown（适用标签 : 所有，触发事件：鼠标按下，左右中间都会触发）；
　　ng-mouseup（适用标签 : a,input,select,textarea，触发事件：鼠标按下弹起，左右中间都会触发）；
　　ng-mouseenter（适用标签 :所有，触发事件：鼠标进入）；
　　ng-mouseleave（适用标签 :所有，触发事件：鼠标离开）；
　　ng-mousemove（适用标签 :所有，触发事件：鼠标移动）；
　　ng-mouseover（适用标签 :所有，触发事件：鼠标进入）；

5、JS触发C#服务端事件

$("#<%=组件id.ClientID%>").click();

6、JS 给页面添加class/样式的方法：


方法一：
     const style = document.createElement('style');
    style.textContent = `.class{width:100px;height:200px;}`;  
    document.head.appendChild(style);
方法二：  
   var link = document.createElement('link');
    link.rel = 'stylesheet';
    link.href = ''; // 替换为你的CSS文件路径
    // 添加到<head>中
    document.head.appendChild(link);

 

posted @ 2025-05-01 23:01  小鱼记忆  阅读(16)  评论(0)    收藏  举报