随笔分类 - 前端
摘要：Ajax学习 1、ajax的概念 局部刷新技术。不是一门新技术，是多种技术的组合。是浏览器端的技术。 2、ajax的作用 实现在当前结果页中显示其他请求的响应内容 3、ajax的使用 ajax的基本流程 创建ajax引擎对象复写onreadystatement函数 判断ajax状态码 判断响应状态码
阅读全文
摘要：jQuery已经封装ajax，使用方法请跳转这里。 手写代码的封装： /* method: 请求方式，值为get或者post url：请求地址 data:没有值需要传入null 有请求数据则传入字符串数据，格式为"a=1&b=2"; deal200: 接受一个带有一个形参的js函数对象，形参接收的实
阅读全文
摘要：问题 有时候我们使用iframe来分隔页面，在做退出的时候，无法使外部主页面跳转。 解决方法 使用js 在内嵌iframe的退出a标签的click函数下： window.top.location.href="user?choice=2";//它表示，从最上层的窗口的地址栏发送请求user?choic
阅读全文
摘要：效果先看 知识点 class为badge即可，通常放在span标签里。 完整代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="css/bootstr
阅读全文
摘要：效果先看 知识点 bootstrap下拉框由div>button ul>li>a 构成 div的类为：dropdown a标签必须写 button的类为： dropdown-toggle 必带属性：data-toggle="dropdown" ul的类为：dropdown-menu 获取事件触发的对
阅读全文
摘要：模拟网站 https://redash.io/ 效果先看 完整代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>栅格练习-网站仿写</title> <link rel="stylesheet" type="text/css"
阅读全文
摘要：栅格系统 描述： 栅格系统（grid System）是bootstrap创建的一个用于页面构建的html布局系统 该系统通过提供的类名来将容器等分12个结构（可理解为每行12列） 通过对容器的宽度指定（如3+3+3+3）来进行页面的快速构建 说明： (1)响应式布局（一套代码，能在不同的页面中有不同
阅读全文
摘要：概述 bootstrap基于html css JavaScript 开发的简洁、直观、强悍的前端开发框架。它提供了优雅的HTML和CSS规范，它是由动态CSS语言Less写的。bootstrap一直是GitHub上的热门开源项目。 下载 官网下载 导入项目 我们将bootstrap下载下来后，解压得
阅读全文
摘要：效果先看 知识点 jQuery节点操作 append()追加节点 js属性操作 setAttribute() 设置属性（覆盖型） jQuery动画 animate();//请查看api window对象定时与间隔执行操作 setInterval()；//间隔执行 setTimeout()；//定时执
阅读全文
摘要：EasyUI教程 跳转菜鸟教程 什么是EasyUI jQuery EasyUI 框架提供了创建网页所需的一切，帮助您轻松建立站点。 easyui 是一个基于 jQuery 的框架，集成了各种用户界面插件。 easyui 提供建立现代化的具有交互性的 javascript 应用的必要的功能。 使用 e
阅读全文
摘要：效果先看 主要函数 show(fast,slow,normal,毫秒数):将元素切换为可见的 hide(fast,slow,normal,毫秒数)：将元素切换为不可见的 toggle(fast,slow,normal,毫秒数):如果元素是隐藏的，切换为可见的，反之，如果元素是可见的。。。 slide
阅读全文
摘要：jquery动态事件 添加事件 元素对象.bind("事件名",fn);//动态的给指定的元素追加指定的事件，多次点击将追加多个重复函数 移除事件 元素对象.unBind("事件名"); 添加一次性事件： 添加的函数执行一次后失效 元素对象.one("事件名",fn) 页面载入事件： 注意不要写在函
阅读全文
摘要：操作文档结构 具体使用请参考API 内部插入： 1. append和appendTo 2. prepend和prependTo 1追加到后面，2追加到前面 1和2中：以和字分隔 前者把字句：a把b追加进来 后者被字句：a被b追加进去 1和2追加的内容都可以是字符串和元素对象 外部插入： after(
阅读全文
摘要：jQuery操作元素样式 操作单样式 元素对象.css(content),例如： a.css("width","200px") 注意格式，且只能单个添加 操作多样式 注意分号不需加双引号 a.css({"width":"200px", "height":"200px" }) 添加类样式 a.addC
阅读全文
摘要：jquery 操作元素内容的学习 html()--对应innerHTML 获取 对象名.html() //返回当前对象的所有内容包含HTML标签 修改 对象名.html("新的内容") //新的内容会将原有内容覆盖，HTML标签会被解析执行 text()--对应innerText 获取与修改与htm
阅读全文
摘要：jquery 操作元素属性 获取： 对象名.attr("属性名") //返回当前属性值 注意这种方法不能获取value属性的实时数据（只能获取默认值），使用对象名.val()进行获取实时数据 修改 对象名.attr("属性名","属性值") 测试代码 <!DOCTYPE html> <html> <
阅读全文
摘要：引言 jQuery是js的一个框架。jQuery选择器是获取document节点对象的方法。 说到选择器，我们首先会想到css3中的选择器，jQuery的选择器形式与css3相似，只不过css3是为了给元素添加样式，而jQuery选择器是获取元素对象进行操作。 具体的jQuery选择器请查看jQue
阅读全文
摘要：首先，去官网下载jQuery 点击跳转官网 然后，在html中引入 <script type="text/javascript" src="js/jQuery-3.4.1.js"></script>
阅读全文
摘要：对象的封装 有使用我们引入的js文件中的对象非常非常多，js一旦变量名重复就会覆盖。为了解决这一问题，我们使用对象封装。 我们引入的js工具（代码）不会覆盖我们自己写的对象。这是因为它使用了封装与闭包。 就好像java中引入的工具，虽然方法名和我们自己写的方法名重复，但并不会覆盖，因为我们在使用引入
阅读全文
摘要：效果先看 知识要点 js事件关键字：onmouseover 代码资源 点击下载图片包 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>模拟淘宝</title> <style type="text/css"> #showdiv{
阅读全文
浙公网安备 33010602011771号