01 2017 档案
摘要：网页中可以使用相对URL的能力通常意味着我们能使用本地文件系统来开发和测试HTML，并避免对Web服务器进行不必要的部署。 然而当使用XMLHttpRequest进行Ajax编程时，这通常是不行的。 XMLHttpRequest用于同HTTP和HTTPS协议一起工作。理论上，它能够同FTP这样的其他
阅读全文
摘要：1、元素的style属性可以用来设置样式，但是不适合用来查询样式（只能查询到内联样式）。 2、CSS里的层叠指示了应用于文档中任何给定元素的样式规则是各个来源的层叠效果：Web浏览器的默认样式表、文档的样式表、每个独立的HTML元素的style属性。 3、position：absolute相对于其他
阅读全文
摘要：1、如果要明确地选取一个表单元素，可以索引表单对象的elements属性：document.forms.address.elements.street--一个name为address的form下的name为street的表单元素。 2、当用name索引一个HTMLCollection对象并且它包含多
阅读全文
摘要：1、读取Element的innerHTML属性作为字符串标记返回那个元素的内容。 2、当设置元素的outerHTML时，元素本身被新的内容所替换。只有Element节点定义了outerHTML属性，Document节点则无。 3、insertAdjacentHTML（）方法将任意的HTML标记字符串
阅读全文
摘要：第十五章 脚本化文档 1、文档对象模型DOM是表示和操作HTML和XML文档内容的基础API。 2、Document、Element、Text是Node的子类。 3、查询文档的一个或多个元素有如下方法：用指定的id属性、用指定的name属性、用指定的标签名字、用指定的css类、匹配指定的css选择器
阅读全文
摘要：HTML如下： 效果如下： 一、原生JS实现：来自JS权威指南，比书上多了再次点击后逆序排列的功能 二、编写jQuery插件实现 两种方法均能实现点击一次实现从小到大排序，再次点击从大到小排序。
阅读全文
摘要：第十四章 Window对象 1、Document对象有一个URL属性，是文档首次载入后保存该文档的URL的静态字符串。如果定位到文档中的片段标识符，Location对象会做对应的更新，而document.URL属性却不会改变。 2、window对象的location属性引用的是Location对象，
阅读全文
摘要：getElementsByName()和getElementsByTagName()都返回NodeList对象，而类似document.images和document.forms的属性为HTMLCollection对象。 这些对象都是只读的类数组对象。它们有length属性，也可以像真正的数组一样索
阅读全文
摘要：第十三章 Web浏览器中的JavaScript 1、在客户端JS中，window对象也是全局对象。 2、window对象中其中一个最重要的属性是document，它引用Document对象。 3、JS代码可以通过把函数赋值给Element对象的属性来注册事件处理程序。 4、单线程执行是为了让编程更简
阅读全文
摘要：第十章 正则表达式的模式匹配 1、正则表达式是一个描述字符模式的对象。 2、可以使用RegExp（）构造函数来创建RegExp对象，不过RegExp对象更多是通过一种特殊的直接量语法来创建。 3、程序运行时每次遇到对象直接量，如{}[]的时候都会创建新对象。 4、正则表达式中的所有字母和数字都是按照
阅读全文
摘要：第九章 类和模块 1、在JS中，类的实现是基于其原型继承机制的，如果两个实例都从同一个原型对象上继承了属性，我们说它们是同一个实例。 2、常见的编程约定：定义构造函数既是定义类，并且类名首字母要大写。 3、构造函数会初始化this，不必返回新创建的对象，构造函数会自动创建对象，然后将构造函数作为这个
阅读全文
摘要：第8章 函数 1、参数有形参和实参的区别，形参相当于函数中定义的变量，实参是在运行时的函数调用时传入的参数。 2、函数表达式可以包含名称，这在递归时很有用。 3、函数定义表达式特别适合用来定义那些只会用到一次的函数，比如sort（）方法或立即执行函数等。 4、函数声明语句被提前到外部脚本或外部函数作
阅读全文
摘要：效果图： box1的代码： box2的代码： 伪元素中的top值和border的宽度值需要根据对话框的边框宽度计算得到。
阅读全文
摘要：第七章 数组 1、数组直接量的语法允许有可选的结尾的逗号，所以[ , , ]只有两个元素而非三个。 2、调用构造函数Array（）创建数组时，传入一个参数时表示指定数组的长度。 3、所有的索引都是属性名，但只有在0~2^32-2之间的整数属性名才是索引。所有的数组都是对象，可以为其创建任意名字的属性
阅读全文
摘要：类数组对象：拥有一个数值length属性和对应非负整数属性的对象，比如arguments对象和一些DOM方法返回的对象。
阅读全文
摘要：HTML示例如下： 方法一： 说明：imgbox为放置图片的容器，高度和宽度可以设置为任意需要的大小，容器中的图片为绝对定位，使用top-bottom-left-right-margin使其居中。使用max-width和max-height使图片比容器大时也能正常显示。 方法二： 说明：对容器设置f
阅读全文
摘要：//在数组中查找所有出现的x，并返回一个包含匹配索引的数组 function findall(a,x){ var results=[], len=a.length, pos=0; while(pos<len){ pos=a.indexOf(x,pos); if(pos===-1){//未找到就退出循环完成搜索 break; } ...
阅读全文
摘要：第六章 对象 1、对象的方法通常是继承的属性。这种原型式继承是JS的核心特征。 2、除了名字和值之外，每个属性还有一些与之相关的值，称为属性特性——可写/可枚举/可配置。数据属性的四个特性——值、可写性、可枚举性、可配置性；存取器四个特性——读取、写入、可枚举性、可配置性。 3、除了包含属性之外，每
阅读全文
摘要：第五章 语句 1、在JS中没有块级作用域，在语句块中声明的变量并不是语句块私有的。 2、尽管函数声明语句和函数定义表达式具有相同的函数名，但二者仍然不同。两种方式都创建了新的函数对象，但函数声明语句中的函数名是一个变量名，变量指向函数对象，和通过var声明变量一样，函数定义语句中的函数被显式地提前到
阅读全文
摘要：第四章 表达式和运算符 1、最简单的表达式是原始表达式，是表达式的最小单位——它们不再包含其他表达式。JS中原始表达式包含常量或直接量、关键字和变量。 2、一个对象的属性名不是固定值时，必须使用方括号写法来访问属性。 3、任何一个调用表达式都包含一对圆括号和左圆括号之前的表达式，如果这个表达式是一个
阅读全文
摘要：1、隐式类型转换 ①== 如果相等操作的两个变量不是同一类型，那么相等运算符会尝试进行一些类型转换： 如果一个是null，一个是undefined，则他们相等； 如果一个值是数字，另一个是字符串，先将字符串转换为数字，然后使用转换后的值进行比较； 如果一个是true，则将其转换为1再比较，如果其中一
阅读全文
摘要：第三章 类型、值和变量 1、JS的数据类型分为两类：原始类型（基本数据类型/不可变类型）和对象类型（引用数据类型/可变类型）。 JS中的原始类型包括数字/字符串/布尔值，还有两个特殊的：null和undefined。 对象是属性的集合。数组/函数是特殊的对象。 如果函数用来初始化（使用new运算符）
阅读全文
摘要：通过英文维基的免费API，可以实现对维基百科的搜索查询或者标题全文查询等，尝试了一下通过title实现全文查询，返回的结果是wikitext格式，暂时不知道该如何应用，所以仅实现了查询功能，可以返回最接近的10条信息的标题、摘要、图片及链接。 我的DEMO页：https://zhangcuizc.g
阅读全文
摘要：已知问题：该API本地可以正常使用，如果在https页面下会由于ajax请求http的资源导致被block掉。已改用和风天气API解决了该问题。 自己制作了一个简单的天气模块，可以显示当天天气和未来四天的预报。效果图如下： HTML如下： CSS就不贴了，JS代码如下（jQuery）： 关键点在于天
阅读全文
摘要：和其他大多数现代编程语言一样，JS也采用词法作用域，也就是说，函数的执行依赖于变量作用域，这个作用域是在函数定义时决定的，而不是函数调用时决定的。为了实现这种词法作用域，JS函数对象的内部状态不仅包含函数的代码逻辑，还必须引用当前的作用域链。函数对象可以通过作用域链相互关联起来，函数体内部的变量都可
阅读全文
摘要：第十二章 列表与生成内容 1、list-style-type:cjk-ideographic生成一二三四的序号 2、不管是ul还是ol，list-style-type无法识别的值都应用为decimal。 3、list-style-image是会继承的。 4、简写：list-style：type |
阅读全文
摘要：利用css实现多级计数，比如1/1.1/1.1.1这种层层嵌套的计数，主要利用到counter-reset/counter-increment/counter/content/：before。 一、标题类多级计数，比如下面的效果： CSS代码如下： 总结说明： 1、在每一级标题的上级（父元素），比如
阅读全文
摘要：第11章 表布局 1、border-spacing，单元格边框间距，可以有两个或一个值，两个值前者表示水平间距，后者垂直间距。 2、border-collapse值为collapse时不可设置padding，为separate时可以有padding。 3、使用HTML标签的rowspan和colsp
阅读全文
