#新理解

深入理解ajax系列第三篇——响应解码

  我们接收到的响应主体类型可以是多种形式的,包括字符串String、ArrayBuffer对象、二进制Blob对象、JSON对象、javascirpt文件及表示XML文档的Document对象等。下面将针对不同的主体类型,进行相应的响应解码 属性  在介绍响应解码之前,要先了解XHR对象的属性。一般地,如果...

深入理解ajax系列第七篇——传递JSON

  虽然ajax全称是asynchronousjavascriptandXML。但目前使用ajax技术时,传递JSON已经成为事实上的标准。因为相较于XML而言,JSON简单且方便。本文将上一篇中的实例进行改写,以JSON的方式来进行数据传递 前端页面<!--前端页面--><!DOCTYPE...

深入理解ajax系列第二篇——请求方式

  在上一篇中,概要地介绍了XHR对象的使用。本文将详细介绍使用XHR对象发送请求的两种方式——GET和POST。下面将以实例的形式来详细说明 GET  GET是最常见的请求类型,最常用于向服务器查询某些信息,它适用于当URL完全指定请求资源,当请求对服务器没有任何副作用以及当服务器的...

深入理解ajax系列第六篇——头部信息

  每个HTTP请求和响应都会带有相应的头部信息,其中有的对开发人员有用。XHR对象提供了操作头部信息的方法。本文将详细介绍HTTP的头部信息 默认信息  默认情况下,在发送XHR请求的同时,还会发送下列头部信息Accept:浏览器能够处理的内容类型Accept-Charset:浏览器能够显示的字符集Acce...

深入理解ajax系列第八篇——表单提交

  在以前,网站的用户与后端交互的主要方式是通过HTML表单的使用。表单的引入在1993年,由于其简单性和易用性,直到电子商务出现之前一直保持着重要位置。理解表单提交,对于更深入地理解ajax是有好处的。下面将详细介绍表单形式的交互 建立表单  表单处理是一个多线程。首先创建一个表单,以供用户输入详细的请求信...

深入理解DOM事件类型系列第六篇——加载事件

  提到加载事件,可能想到了window.onload,但实际上,加载事件是一大类事件,本文将详细介绍加载事件 load  load事件是最常用的一个事件,当页面完全加载后(包括所有图像、javascript文件、CSS文件等外部资源),就会触发window上的load事件  [注意]IE8-浏览器不会为该事...

深入理解JSON对象

  json(javascriptobjectnotation)全称是javascript对象表示法,它是一种数据交换的文本格式,而不是一种编程语言,用于读取结构化数据。2001年由DouglasCrockford提出,目的是取代繁琐笨重的XML格式。本文将详细介绍JSON的相关内容 语法规则  JSON的语...
代码星球 代码星球·2020-05-24

深入理解javascript原生拖放

  拖放(drag-and-drop,DnD)其实是两个动作——拖和放。所以,它涉及到两个元素。一个是被拖的元素,称为拖放源;另一个是要放的目标,称为拖放目标。本文将通过拆分这两个概念来详细介绍原生拖放 拖放源  什么样的元素才是拖放源呢?  HTML5为所有HTML元素规定了一个dr...

深入理解DOM事件类型系列第五篇——文本事件

  如果DOM结构发生变化,触发的是变动事件;如果文本框中的文本发生变化,触发的是文本事件  HTML5为input控件新增了很多type属性,大大增加了input控件的应用场景。其中一个是type="range"的input控件,可以通过拖动游标改变value值,但并不是所有浏览器都可以实时显示,除了IE10+浏览器...

深入理解javascript中的富文本编辑

  一说起富文本,人们第一印象就是像使用word一样,在网页上操作文档。实际上差不多就是这样。富文本编辑,又称为WYSIWYG(WhatYouSeeIsWhatYouGet所见即所得),指在网页中编辑富文本内容。本文将详细介绍如何通过javascript实现富文本编辑 方式  有两种编辑富文本的方式,一种是使...

深入理解DOM事件类型系列第四篇——剪贴板事件

  剪贴板操作看起来不起眼,但却十分有用,可以增强用户体验,方便用户操作。本文将详细介绍剪贴板事件 定义  剪贴板操作包括剪切(cut)、复制(copy)和粘贴(paste)这三个操作,快捷键分别是ctrl+x、ctrl+c、ctrl+v。当然也可以使用鼠标右键菜单进行操作  关于这3个操作共对应下列6个剪贴...

深入理解DOM事件机制系列第四篇——事件模拟

  事件是网页中某个特别的瞬间,经常由用户操作或通过其他浏览器功能来触发。但实际上,也可以使用javascript在任意时刻来触发特定的事件,而此时的事件就如同浏览器创建的事件一样。本文将详细介绍事件模拟 引入  以下面的实际需求为例,来详细说明事件模拟的使用。按钮一的点击效果是弹出1。而我们通过新增按钮二来...

深入理解表单脚本系列第四篇——选择框脚本

  选择框是通过<select>和<option>元素创建的,又称为下拉列表框。为了方便与这个控件交互,除了所有表单字段共有的属性和方法外,javascript还提供了一些属性和方法。本文将详细介绍选择框脚本 select  select元素用来定义一个下拉列表,包含任意数量的opti...

深入理解表单脚本系列第三篇——选择文本

  表单是最早用来与用户交互的工具,具有丰富的控件和属性。基本上,它们通过各种控件和属性就可以解决大部分问题。但还有一些问题还是需要表单脚本来实现的,比如本文将要说到的选择文本 select()  select()方法用于选择文本框(指type为text的input元素和textarea元素)中的所有文本,该...

深入理解表单脚本系列第二篇——表单字段

  表单字段又叫表单元素,表示表单所包含控件,如<input>、<select>等。本文将详细介绍表单字段的内容 访问  每个表单都有elements属性,该属性是表单中所有元素的集合。这个elements集合是一个有序列表,其中包含着表单中的所有字段,如<input>、&...
首页上一页...4041424344...下一页尾页