随笔分类 -  前端

Bootstrep
摘要：Bootstrap: 是web的css框架，集合了html/css/jquery为一体，创建响应式的页面 注意：ie 6/7/8兼容性有问题 响应式：适配不同的上网设备 入门： 1.下载bootstrap 网站：http://www.bootcss.com/ 下载：用于生产环境的Bootstrap 阅读全文
posted @ 2020-07-22 00:58 Yisennnn丶 阅读(150) 评论(0) 推荐(0)
validate插件 --- 表单校验
摘要：validate插件： validate是已封装好的第三方工具，用于表单校验 使用步骤： 1.导入jquery.js 2.导入validate.js 3.在页面加载成功后，对表单进行校验 $("选择器").validate() 4.在validate中编写校验规则 $("选择器").validate 阅读全文
posted @ 2020-07-21 16:01 Yisennnn丶 阅读(274) 评论(0) 推荐(0)
左右选中 --- jQuery
摘要：左右选中： 步骤分析： 1.确定事件 click 2.编写函数 移动一个： 右边的下拉选追加一个 左边的选中第一个 移动多个 左边选中的 追缴到右边的下拉选中 移动全部 将左边的所有option追加到右边的下拉选 <html> <head> <title>左右选中.html</title> <met 阅读全文
posted @ 2020-07-20 21:56 Yisennnn丶 阅读(140) 评论(0) 推荐(0)
文档处理
摘要：文档操作： 内部插入： a.append(c)： 将c插入到a的内部(标签体)后面 bprepend(c): 将c插入到a内部的前面 a.appendTo(c)：将a插入到c的内部前面 a.prependTo(c):将a插入到c的内部后面 <html> <head> <title>01_内部插入节点 阅读全文
posted @ 2020-07-20 21:51 Yisennnn丶 阅读(179) 评论(0) 推荐(0)
省市联动 --- jQuery
摘要：省市联动 步骤分析： 1.确定事件 省份的下拉选变化的时候 change 2.编写函数 a.获取当前省份的value值 b.通过数组获取该省下的所有市， 返回值：数组 c.遍历数组，拼装成option元素，追加到市下拉选即可 注意：每次改变的时候初始化的值 技术: 遍历数组 数组.each(func 阅读全文
posted @ 2020-07-20 21:22 Yisennnn丶 阅读(102) 评论(0) 推荐(0)
属性和css操作
摘要：对属性的操作： attr()|prop(): 设置或者获取元素的属性(建议用prop) 方式1：获取 attr("属性名称") | prop("属性名称") 方式2：设置一个属性 attr("属性名称","属性值") | prop("属性名称","属性值")； 方式3：设置多个属性 json att 阅读全文
posted @ 2020-07-13 23:49 Yisennnn丶 阅读(127) 评论(0) 推荐(0)
选择器 --- jQuery
摘要：选择器： 基本选择器： $("#id值") $(".class值") $("标签名") 了解：$("*") 理解：获取多个选择器 $("#id值,.class值") <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "htt 阅读全文
posted @ 2020-07-13 22:50 Yisennnn丶 阅读(115) 评论(0) 推荐(0)
jQuery
摘要：js类库： 对常用的方法和对象进行封装，方便我们使用。 jQuery和html的整合： jquery是单独的js文件 通过script标签的src属性导入即可 获取一个jquery对象 $("选择器") 或者 jQuery("选择器") <html> <head> <meta http-equiv= 阅读全文
posted @ 2020-07-13 15:06 Yisennnn丶 阅读(117) 评论(0) 推荐(0)
引用类型
摘要：引用类型： Array：数组 String： 语法： new String(值|变量)；返回一个对象 String（值|变量）;返回原始类型 常用方法： substring(start,end):[start,end] substring(start,size):从索引位置，根据指定值向后截取 ch 阅读全文
posted @ 2020-07-11 16:50 Yisennnn丶 阅读(144) 评论(0) 推荐(0)
省市联动
摘要：需求： 选中省的时候，动态查询当前省下的所有市，然后展示在市的下拉选中 技术分析： 数组： 语法： new Array(); 长度为0 new Array(size) 指定长度的 new Array(e1,e2,...) 指定元素 非官方 var arr = ["aa","bb"]; 常用属性： l 阅读全文
posted @ 2020-07-09 22:42 Yisennnn丶 阅读(123) 评论(0) 推荐(0)
左右选中
摘要：左右选中 技术分析： 1.确定事件，按钮的单击事件 2.编写函数： 点击移动单个的： a.获取左边选中的选项 select对象.option --数组 遍历数组 判断是否选中 option对象.selected b.将其追加到右边的下拉选中 rightSelect对象.appendChild（opt 阅读全文
posted @ 2020-07-09 22:11 Yisennnn丶 阅读(122) 评论(0) 推荐(0)
dom(文档对象模型)
摘要：dom(文档对象模型) 当浏览器接受到html代码时，浏览器会将所有代码装载到内存总，形成一棵树(document树) 节点(Node) 文档节点：document 元素节点：element 属性节点：attribute 文本节点：text 获取节点： 通过document可以获取其他节点: 常用方 阅读全文
posted @ 2020-07-08 16:28 Yisennnn丶 阅读(115) 评论(0) 推荐(0)
全选或全不选
摘要：全选或全不选： js版： 步骤分析： 1.确定事件：最上面那个复选框的单击事件 onclick 2.编写函数：让所有的复选框和最上面的复选框保持一致 a.获取最上面这个复选框选中状态 通过checkbox的checked属性即可 b.获取其他的复选框，设置他们的checked属性即可 可以通过 do 阅读全文
posted @ 2020-07-07 21:58 Yisennnn丶 阅读(138) 评论(0) 推荐(0)
隔行换色
摘要：隔行换色： 一个表格，隔一行换一个色 效果图： 技术分析： 事件：onload 获取元素：dom操作 获取元素方法： document.getElementById("id"):通过id获取一个元素 document.getElementByTagName(“标签名”)：通过标签名获取一种元素（多个 阅读全文
posted @ 2020-07-07 21:36 Yisennnn丶 阅读(147) 评论(0) 推荐(0)
表单校验+事件
摘要：表单校验： 技术分析： 确定事件：表单提交时 onsubmit 文本框失去焦点时 onblur 编写元素 获取元素 document.getElementById("id值") 操作元素（获取元素值，操作标签体，操作标签的value属性） <html> <head> <meta charset="U 阅读全文
posted @ 2020-07-06 15:32 Yisennnn丶 阅读(226) 评论(0) 推荐(0)
window对象
摘要：bom（浏览器对象模型） 所有的浏览器都有五个对象 window：窗口对象 location：定位信息（地址栏） history：历史 Screen：包含有关客户端显示屏幕的信息（例：显示屏幕的宽高） Navigator：包含有关浏览器的信息（例：版本、名称） window对象详解： 如果文档包含框 阅读全文
posted @ 2020-07-05 20:52 Yisennnn丶 阅读(175) 评论(0) 推荐(0)
定时弹出广告
摘要：定时器（BOM-window对象） setInterval(code,毫秒数）：周期执行 setTimeout（code，毫秒数）：延迟多长事件后，只执行一次 清除定时器： clearInterval(id): clearTimeout(id): 步骤分析： 1.html页面，先把广告隐藏 2.页面 阅读全文
posted @ 2020-07-05 20:03 Yisennnn丶 阅读(242) 评论(0) 推荐(0)
样式表+选择器
摘要：css(层叠样式表）: 作用：1.渲染页面 2.提供工作效率，将html和样式分离 和html的整合： 方式1：内联样式表 通过标签的style属性 <xxx style="..."/> 方式2：内部样式表 通过head的子标签style子标签 <style type="text/css"> 选择器 阅读全文
posted @ 2020-07-02 14:39 Yisennnn丶