必须掌握的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.页面传值
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.变量的作用范围