必须掌握的web基础知识（js详细介绍）

1.表格查询铺值

//表格
<table>
    <thead>
       <tr>
         <th style="text-align: center;">
             <div>序号</div>
         </th>
         <th style="text-align: center;">
             <div>姓名</div>
         </th>
         <th style="text-align: center;">
              <div>性别</div>
         </th>
       </tr>
     </thead>
     <tbody id="dataDicParent">
     </tbody>
</table>

铺数据值的方式 （append与html）

var str = '<tr><td>1</td><td>mary</td><td>女</td></tr>'
//方法一：拼接
 $("#dataDicParent").append(str);
//方法二：赋值
 $("#dataDicParent").html(str);

2.弹窗提示

//常见简单的弹窗提示
alert()
//流行的弹窗插件layer

 layer.open()
 layer.msg("我是带图标的提示", {icon: 2})

常用的弹出页面的方式： 

（1）引用jquery和layer的核心js文件

（2）使用layer的ready和open方法打开弹出层

代码展示：

　　

一些基本配置项在文档中查找：https://layer.layui.com/api.html 不用跳转至最新

一些基本配置：

　　

type=1时的例子：

type配置总结：

3.页面跳转

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

4.延时跳转

setTimeout("javascript:location.href='hello.html'", 5000); 

5.判断条件

if(username==""){

}else{

}

6.获取文本框的值

document.getElementById("UserName").value

7.给文本框赋值

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

8.获取URL中的参数值

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

9.页面传值

https://blog.csdn.net/Ysiqiqi/article/details/84257935

10.ajax

暂不做详细介绍

11.数组遍历(for循环)

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


for (var p in list) {
         list[p]    
}

12.字符串拼接

var str ='';
var buttonName = "添加"
 str +='<button>'+ buttonName +'</button>'

等同于

<button>添加</button>

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

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

13.定义变量和方法

var str='';
var list=[];
var obj={};


function(){

}

function(e){

}

//初始化方法
$(function(){

})

14.变量的作用范围