JS基础知识个人总结

最新推荐文章于 2023-10-29 09:08:02 发布

原创最新推荐文章于 2023-10-29 09:08:02 发布 · 257 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#js #基础知识

个人总结专栏收录该内容

4 篇文章

订阅专栏

1.表格查询铺值

<!--表格-->
<table class="table" align="center">
        <tr>
            <th align="center"><h1>id</h1></th>

            <th align="center"><h1>姓名</h1></th>

            <th align="center"><h1>身份证号</h1></th>

            <th align="center"><h1>手机号码</h1></th>

            <th align="center"><h1>家庭住址</h1></th>

            <th align="center"><h1>操作</h1></th>
        </tr>
        <!--页面铺值-->
        <tbody id="datatable">
        </tbody>
    </table>

铺值方法

//方法一：拼接
 $("#dataDicParent").append(str);
//方法二：赋值
 $("#dataDicParent").html(str);

2.弹窗提示

我的弹窗HTML代码，一个div足以解决

<div id="f" class="f">欢迎登录身份信息管理平台</div>

我的js的代码，不客气的说我的js代码是引用layer插件，是比较简单易懂的方法

//===================弹窗=========================
layer.ready(function () {
        layer.open({
            type:1,
            title:'欢迎页',
            maxmin:true,//是否有弹出页
            area:['800px','500px'],//弹出层大小
            time:1000, //2秒后关闭
            content:$('#f')//弹出层内容
        });
    }
);

3.页面跳转

window.location.href='hello.html';

4.延时跳转

setTimeout("javascript:location.href='homepage.html'", 500);//0.5秒后跳转

5.判断条件

if(a == ""){
       
    }else {
            
            }

6.获取文本框的值

document.getElementById("username").value

7.给文本框赋值

高大上并简单的方法

$("#username").val("需要填写的值");

我的方法就很low，直接利用文本框的value等于我需要的值

document.getElementById("username").value=需要赋的值;

8.获取URL中的参数值

var str = location.href; //取得整个地址栏
var infoList = str.split('?');
var info = infoList[1];
var paramInfo = info.split('&'); //根据长度判断有几个参数  1 为1个参数    2 为2个参数

起初我看到这段代码时没太看懂，经人讲解后是这样的

var a=location.href; //取得整个地址栏
var b=a.split('?'); //取的是地址栏问号以及后面的东西
var c=b[1];//因为b是字符串，而我们真正要的是问号后面的东西

var paramInfo = info.split('&'); //根据长度判断有几个参数  1 为1个参数    2 为2个参数 （个人没用到，还无法理解）

9.页面传值

主要有利用地址栏URL传值，location传值，cookie传值等，代码请关注我的博客查找

10.ajax

这是我用到的简单版本

$.ajax({
                url: "http://localhost:8080" + '/selectLogin',//数据库接口
                type: 'POST',// 格式
                dataType: 'json', // 数据类型
                contentType: "application/json",  //连接类型
                async: false, // 异步
                data: JSON.stringify(obj),  //请求数据
                success: function (result) {   //成功效果
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    alert('网络异常！尝试刷新网页解决问题');    //失败效果
                }
            });

11.数组遍历（for循环）

for (var p = 0; p < list.length; p++) {
                   list[p]    
}
 
 
for (var p in list) {
         list[p]    
}

12.字符串拼接

当带有参数的时候的写法如下（‘\’该符号为反斜杠，在代码中的作用为转义，去除掉他的字符串拼接的功能，单纯作为字符的存在）

 text += "<button onclick=\"deleteDataOne('删除'" + "," + "'" + dataDicParent[i].id + "'" + ")\">删除</button>";

字符串拼接我认为主要是注意你的双引号和单引号的个数是否是一一对应的

13.定义变量和方法

var str='';
var list=[];
var obj={};
 
 
function(){
 
}
 
function(e){
 
}
 
//初始化方法
$(function(){
 
})

以上所有代码全部为个人理解，若有错误可以在下方参与评论告诉我，也可以关注我，给我留言。

欢迎纠正。。。。。。。