function hasClass(obj, cls) {                  return obj.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'));    
原创 2015-09-08 16:37:42
1910阅读
//原生jsajax就像打电话//打电话分下面4步//1.拿出手机//2.拨号//3.说话//4.挺对方说话//ajax也分下面4步//1.创建ajax对象//2.连接到服务器//3.发送请求(告诉服务器我要什么文件)//4.接收返回值 下面是原生jsajax的具体写法 <script> window.onload=function() { var oBtn =
转载 2023-10-05 14:20:42
67阅读
=Ajax概述Ajax是Asynchronous JavaScript And XML的简称,它允许我们在不刷新整个页面的情况下,就可以异步获取数据,并更新页面的部分内容。那么Ajax的工作流程是怎样的呢?大体来说,可以分为四步:页面当中的事件或者函数触发Ajax请求的时候,建立XMLHttpRequest对象,以进行接下来的Ajax请求。调用XMLHttpRequest的open函数XMLHtt
在html5中,新增了很多语义化的标签。如footer、header之类的,今天的主角是dialog标签顾名思义,就是用来定义对话框的。目前只有Chrome和Safari支持该标签,所以用的不多,不过确实挺好用的别担心,有官方的polyfill。使用方法1. 基础的用法<dialog open>我是一个对话框</dialog>可以open属性控制dialog是否显示,效果如
1.输出语句:document.write(""); 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElementById
1、call 方法/** * _call * * @param { context } context * @param { arguments } arguments */ Function.prototype._call = function(context) { // 如果没有传或传的值为空对象 context指向window context = context || wi
转载 2023-09-18 09:47:43
73阅读
JS(JavaScript)1.JS和Java没有关系 2.JS是世界上最通用的脚本语言,没有之一 3.JS由三部分组成: (1)ECMAScript:基本语法和标准 (2)DOM:文本流对象 (3)BOM:浏览器对象 4.HTML:网站的内容 CSS网站的样式 JS:网站交互,数据传输JS代码
转载 2024-02-04 09:48:41
57阅读
一、JS原生ajaxajax:一种请求数据的方式,不需要刷新整个页面;ajax的技术核心是 XMLHttpRequest 对象; ajax 请求过程:创建 XMLHttpRequest 对象、连接服务器、发送请求、接收响应数据;下面简单封装一个函数,之后稍作解释ajax({ url: "./TestXHR.aspx",
转载 2023-10-09 13:03:56
142阅读
1:界面界面就一个按钮 和一个用来显示服务器返回来的数据的div2:js实现Ajax注意:我这里在创建XMLHttpRequest对象,没有用兼容性写法。实际中,需要用兼容性写法。7步完成  第8步,如果需要处理数据,就处理数据。3:后台的数据是   json格式的数据 ,是一个数组。4:效果点击按钮出现如下效果,并且页面不会刷新。
原创 2018-04-19 16:30:28
10000+阅读
1点赞
介绍 如何编写一个 TODO ? 外观模式 数据分离 设计方案 传统写法 绑定事件处理函数 - 数据 1. 增加项 - 列表数据 -> 增加一项 { id: timestamp, content: string, completed: false } 每一项的视图 -> 列表 2. 删除项 - 列表 ...
转载 2021-06-28 00:29:00
322阅读
2评论
一、JS原生ajaxajax:一种请求数据的方式,不需要刷新整个页面;ajax的技术核心是 XMLHttpRequest 对象; ajax 请求过程:创建 XMLHttpRequest 对象、连接服务器、发送请求、接收响应数据;下面简单封装一个函数,之后稍作解释ajax({ url: "./TestXHR.aspx", //请求地址 typ
今天在找资料的时候,空调维修发现了一篇关于“javascript与jQuery”文章。讲得还不错,拿来给大家一起分享下:其实很多初学JS的朋友们,都会纠结一个问题?是什么问题呢?“学习js到底是先学原生JS还是jQuery呢?”其实在我认为:你首先要明白什么是javascript简称(原生JS)以及jQuery。javascript是一门基于浏览器的脚本语言,通常用来给网页添加动态的交互效果。而j
转载 2023-08-31 16:37:29
46阅读
项目结构实现效果思路流程写出基本的布局利用js生成扫雷的table表格利用随机数来做地雷在表格中的索引初始化table表格根据地雷的坐标生成地雷周围的数字点击事件分成鼠标左键点击和右键点击左键点击情况下又分为点到的是地雷和非地雷两种情况点到的是地雷情况下,则将全部地雷显示,其他样式不变,并且不能再进行任意表格内的点击事件(左键右键都不行)点到的是非地雷情况下又分为点击的数字是0和非0两种情况如果是
转载 2023-11-25 00:18:15
40阅读
转载 2020-05-15 14:35:00
86阅读
2评论
一、JS原生ajax 一、JS原生ajax ajax:一种请求数据的方式,不需要刷新整个页面;ajax的技术核心是 XMLHttpRequest 对象;ajax 请求过程:创建 XMLHttpRequest 对象、连接服务器、发送请求、接收响应数据;
原创 2022-05-14 14:55:04
445阅读
最近在知乎上看到 @方应杭用 vue 写了一个会动的简历,觉得挺好玩的,研究一下其实现思路,决定试试用原生 js 来实现。
原创 2022-04-29 14:27:23
272阅读
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>仿浏览器滚动条</title> <style type="text/css"> * { margin: 0; padding: 0; ...
原创 2020-04-11 16:46:22
74阅读
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>仿浏览器滚动条</title> <style type="text/css"> * { margin: 0; padding: 0; ...
原创 2020-04-11 16:46:22
76阅读
添加分页功能 第一步:是对视图函数的改写,通过查询数据库数据,进行分页显示 # 修改清单显示的视图函数 @app.route('/list/') @app.route('/list/<int:page>') def todo_list(page=1): todos = Todo.query.pagi
转载 2020-04-21 15:43:00
150阅读
2评论
Javascript 中 str、 arr、date、obj 等常见的原生方法总结本文也说主要阐释了 Javascript 中的基础类型和 引用类型的自带方法,那么熟悉的同学又可以绕道了 总是绕道,真是羞耻悳boy 当然 本文阐述的主要类容 from MDN ( zh-cn )Object(Javascript 自带属性和方法)Object 自带属性Object 自带一个 prototype 属性
转载 2024-04-01 06:55:09
37阅读
  • 1
  • 2
  • 3
  • 4
  • 5