方法一：{dede:sqlsql=Select*fromdede_arctypewhereishidden=1}[field:typename/]|{/dede:sql}解析：这段代码是要调出所有为隐藏属性的栏目,不管

织梦DedeCms按栏目调用tag标签的方法：{dede:sqlsql="select*fromdede_archivesaleftjoindede_taglisttona.id=t.aidwherea.type

织梦DedeCms获取当前栏目的上级栏目的方法：{dede:fieldname=typeidrunphp=yes}/*title:获取栏目的上级栏目链接地址*/global$dsql;/*获取当前栏目信息*/$typei

当文章调用标签{dede:arclist}不限制栏目ID的时候，就只会调用当前栏目下的文章。如果要调用整站的文章，使用typeid=1，2，3，4，5，6，7，8，9，10这种方法需要加上所有ID，当栏目很多的时候就非常麻烦了！下面的两种

文章页调用所属栏目的链接：{dede:typetypeid=0row=1}[field:typelink/]{/dede:type}示例：ahref="{dede:typetypeid=0row=1}[field:typ

目前织梦DedeCms副栏目选择只能选择为9个，但就是有稀奇古怪的客户想选择更多，研究了一下后知道是js调用的问题。下面是修改方法：打开dede/js/main.js文件找到//副栏目（多选）if(targetId==&rsquo

利用织梦DedeCms模板程序建站，可以建立若干栏目，但由于个人的喜好或是考虑网站访客的点击习惯或是排版布局的合理，往往需要一些栏目不显示。对于这类问题，目前我做了如下几种处理：一是导航栏的栏目显示，这个很简单，在建立栏

如何做织梦DedeCms标题栏目优化代码，使dede模版栏目达到标准优化一种、大多数站长都很喜欢用DedeCms来建站吧，在建站过程中可能也遇到过这样的问题，废话就不多说了，进入主题，修改前请做好备份！第一、栏目url标准化当我用DedeC

问题：网站需要在栏目列表页调用上级栏目的名称，也就是在列表模板调用当前栏目的父栏目？解答：动态页：复制代码{dede:type}[field:idrunphp=yes]$tsql=newDedeSql(false);

帝国CMS如果要判断栏目有没有下级栏目通用的方法是判断islast字段，但是这个字段只能判断这个栏目下面有没有最终栏目，不能判断这个栏目下面有没有一般栏目。所以用islast字段判断的方法就不行了！模板由于种种神（dan）奇（teng）的要

一流资源网之前分享过多篇关于帝国CMS当前栏目高亮的教程，点此查看，各有各的特点，各有各的优势，今天一流资源网再分享一篇帝国CMS自定义导航栏目当前栏目高亮教程，于之前的不同处在于，这次的是自定义导航栏目，不是标签调用显示的导航，就是

今天再发布一种实现帝国CMS当前栏目高亮的方法：第一步：打开/e/class/userfun.php文件，在?内添加以下代码functioncurrentPage($classid,$thisid){glob

无需程序代码支持，只要一段JS代码就行了。首先，先加载JQ文件，然后，在页面调用以下JS代码即可：script$(function(){$('a[href="'+window.location.pathname+window.loc

通过以下方法可以在帝国CMS子栏目页调用父栏目的自定义字段内容：?phpglobal$empire;$r=$empire-fetch1("select*fromphome_enewsclassaddwhereclassid=

现在终极栏目的列表页下显示该栏目下面标题分类的文章，大概格式是栏目（终极）----标题分类一----标题分类二标题分类一文章列表一，文章列表二，文章列表三标题分类二文章列表一，文章列表二，文章列表三解决办法如下：?php$tti

帝国CMS内容页默认是不支持标签调用当前栏目链接的，也许是因为内容页很少用到当前栏目链接的原因呢，真正是什么原因谁知道呢。内容页调用当前栏目链接1

如果会员在多栏目下投稿文章，那么会员空间的文章列表默认显示所有栏目的文章，无法区分。但实际上是可以根据栏目查看的，这样就可以实现在会员空间添加子栏目页面了。如，空间新闻栏目链接为：/e/space/list.php?userid=13&

灵动标签调用当前栏目下子栏目，支持栏目自定义排序。[e:loop={"selectclassname,classpath,classidfromphome_enewsclasswherebclassid='$GLOBALS[nav

帝国CMS实现灵动标签调用当前父栏目下所有子栏目-支持选中状态及当前栏目高亮，支持栏目自定义排序。最适用于内容模板，显示父栏目下的子栏目。支持静态栏目页与动态栏目页代码如下[e:loop={"selectclassname,class

(一)、当前栏目ID或专题ID：$GLOBALS[navclassid]通过这个变量可以输出这个栏目id的所有数据（如：select*fromphome_enewsclasswhereclassid='$GLOBALS[navc

帝国CMS功能确实非常强大。但为啥子做个单页面就这么麻烦呢。在论坛找了很久，一般来有以下几个方法：一、其实栏目有个页面内容式。但悲催的是居然不支持绑定栏目。而是直接填写页面代码。整个页面代码全写上去，对于修改

给一客户制作仿京东商城的商品分类菜单，本来这种菜单形式也很常见的，但京东商城的比较变态，就是当前栏目展示并且在保在最上面。如下图。如是就想到一个思路：先调用当前栏目的子栏目，然后再调用父栏目下所有子栏目（排除当前栏目）。代码如下：

帝国CMS实现当前栏目高亮，官网论坛也有一些方法。但都各有缺陷，比如不支持静态化的栏目页，或不支持内容页。再者就是调用出来的栏目无法自定义排序，也就是只能按栏目ID来排序。很不爽。最完美的栏目高亮方法。隐藏的栏目不显示、栏目自定义排

比如栏目连接为：http://www.aaa.com/bbb/ccc/我现在要获取ccc这个目录名称，那么应该写法如下：?$r['classid']=$GLOBALS[navclassid];$classurl=sys_Retur

问：使用ecms灵动标签调用文章的栏目名称,显示出来的却是栏目别名内容,如何解决?答：?=$class_r[$bqr[classid]][classname]?

首先必须要认识这3个栏目的意思父栏目：就是通常所说的大栏目，每个父栏目下面可以包含若干个子栏目和终极栏目。父栏目下不可以直接增加信息(文章)。终极栏目：指没有子栏目的栏目，只有终极栏目下，才能增加信息(文章)。非终极栏目：父栏

帝国CMS是全静态生成的CMS管理系统，也就是说不光更改模板修改设置需要到后台的数据更新里更新各个页面，同时发布信息的时候也需要去数据更新里更新各个页面，有的站长朋友觉得这样做很繁琐，很麻烦！（站长下载其实觉得不繁琐，点一下按钮而已

灵动标签实现循环子栏目数据——实现 循环子栏目数据标签 (LISTSONCLASS)的效果

Dedecms的功能确实很强大，但是DedeCms的全局变量有字节限制，使得我们在使用DedeCms制作企业站的时候，首页无法调用大段大段的企业站。其实DedeCms还有另外一种调用大段内容的方法，这里我们需要使用sql语句来调用已保存的

DedeCMS栏目绑定二级域名第一步，在后台--系统--基本参数--核心设置中，开启(是/否)支持多站点，开启此项后附件、栏目连接、arclist内容启用绝对网址：选择是；第二步，在增加或编辑栏目的时候，在高级选项打开多站点支持

最近用DedeCms开发网站，需要一篇文章被多个栏目调用，织梦后台有副栏目这个功能，可是在用arclist调用的时候，副栏目却调用不出这篇文章，所以简单修改了下/include/tag/arclist.lib.php文件将295行，296

调用代码{dede:field.typeidfunction="gettoptype(@me,id)"/}//id{dede:field.typeidfunction="gettoptype(@me,name)"/}//名称{

调动栏目的地址，静态时为静态访问地址，动态浏览时为动态访问地址。$sql="SELECT*FROMdede_arctypewheretopid=0andishidden=0orderbysortrankasc,id

我们在使用织梦系统制作网站时经常会遇到网站栏目较多，显示当前栏目下的二级与三级栏目时，使用栏目嵌套标签，但是当三级栏目为空时，会显示同级栏目。从用户体验角度出发，常理情况下也是需要空白的，即二级栏目下的三级栏目如为空时，则不显示。那么如何让

{dede:fieldname=typeidrunphp=yes}global$dsql;/*获取当前栏目

在织梦首页或内容详情页没法直接调用栏目内容.即{dede:field.content/}这个标签为栏目专用标签.下面的方法可实现内容页调用.如果要在首页等页面显示,~typeid~可以替换为具体的栏目id.如果多个栏目共用一个内容页模板

DedeCms是一个很不错的程序，做网站的时候经常用到，现在有一个网站，遇到一个问题，就是有的文章需要在多个栏目里显示，正常的话，是需要把文章发布到每一个栏目里的，DedeCms有一个功能可以解决这个问题，就是文章副栏目，但是默认的程序

织梦在发表文章时,你会发现有一个副栏目的功能.比如一个文章,他可能即属于你的科技栏目,也属于互联网栏目,那你在发表这个文章时,主栏目可以选择科技,副栏目可以在互联网上打勾选定.文章的副栏目保存在数据库表archives中的typeid2这个

在使用dede:likearticle时，如果你想获取多个指定栏目下的相关文章，而刚好这个多个栏目下还有子栏目时，官方的程序不能满足你的需求，你需要改一下打开\include\taglib\likearticle.lib.php找到

{dede:channelartlisttypeid=栏目IDrow=条数}{dede:fieldname=type

首先我们找到/include/文件夹里面的arc.searchview.class.php，大约在300行和470行左右有两个sql语句，在后面加上条件一个判断就可以了1$cquery="Select*From`dede_ar

SQL语句中，有统计的函数，我们可以通过在织梦中使用SQL语句统计的方法，在列表页内显示该栏目共有多少篇文章。这样做的好处是，有助于提升用户体验。比如说我一个文章列表下面有10篇文章，就自动统计出10篇，到20篇的时候自动统计成20篇。这样

打开\include\extend.func.php在最下面加入01/**02*获取副栏目链接和名称03*04*@accesspublic05*@paramstring$typeid2副栏目id

最近用DedeCms开发网站，需要一篇文章被多个栏目调用，织梦后台有副栏目这个功能，可是在用arclist调用的时候，副栏目却调用不出这篇文章，所以简单修改了下/include/tag/arclist.lib.php文件将295行，296

首页、联系我们、公司介绍，等调用默认banner~~~这就不说了。它的产品比如：产品大类A（封面页，typeid=111）-小类1小类2小类3小类4产品大类B（封面页typeid=222）-小类5小类6小类7小类8产品大类

最近用DedeCms开发网站，需要一篇文章被多个栏目调用，织梦后台有副栏目这个功能，可是在用arclist调用的时候，副栏目却调用不出这篇文章，所以简单修改了下/include/tag/arclist.lib.php文件将295行，296

DedeCms是一个很不错的程序，在跟版网模板做网站的时候经常用到，现在有一个网站，遇到一个问题，就是有的文章需要在多个栏目里显示，正常的话，是需要把文章发布到每一个栏目里的，DedeCms有一个功能可以解决这个问题，就是文章副栏目，但

在使用dede:likearticle时，如果你想获取多个指定栏目下的相关文章，而刚好这个多个栏目下还有子栏目时，官方的程序不能满足你的需求，你需要改一下打开\include\taglib\likearticle.lib.php找到

{dede:channelartlisttypeid=栏目IDrow=条数}{dede:fieldname=type

SQL语句中，有统计的函数，我们可以通过在织梦中使用SQL语句统计的方法，在列表页内显示该栏目共有多少篇文章。这样做的好处是，有助于提升用户体验。比如说我一个文章列表下面有10篇文章，就自动统计出10篇，到20篇的时候自动统计成20篇。这样

在用制作织梦模板时，导航栏的制作是一个重点，也是基础，下面来说一下织梦顶级栏目、二级栏目、三级栏目的调用方法。1、顶级栏目调用最简单的导航栏目调用，至调用主栏目，没有子栏目，这类栏目一般适用于企业网站和个人网站。其样式图如下：该类

好织梦小编分享下最近仿站关于导航栏目的经验总结：1、获取所在栏目名称（例如侧边栏获取新闻中心这个标题）当使用{dede:typetypeid=4}[field:typename/]{/dede:type}{dede:typenam

在使用我们织梦模板的时候有时候需要创建栏目，但是如果不做优化的话直接创建是非常不利于百度收录的，所以我们应该要做一些优化，在这里和大家分享下栏目的优化知识。1、创建个栏目，例如创建顶级栏目新闻中心，创建后右键&

因为要满足某些条件，需要对DedeCms网站搜索进行修改，只搜索指定栏目文章的方法：首先我们找到/include/文件夹里面的arc.searchview.class.php,大约在300行和470行左右有两个sql语句，在后面

首页如何调用列表栏目标题好织梦小编在这里分享给大家Q:DedeCMS首页列表如何调用栏目标题？版主我想首页写个这种格式的每个标题对应每个栏目的分类标题请问这个需要怎么写呀？A:{dede:arclistrow=8

很多人在使用好织梦的织梦模板经常反应这么新建栏目啊！我在这里建议下如果你不懂建议你只改名称不要去删掉重新建，你不懂调用栏目模板是会出错的！在这里分享下这么新建栏目1、登陆后台后，在左边的边栏核心菜单下，可以

1.概念如果一个域名是gooddede.com，是由一个字符串加一个域名尾，中间用.号隔开。这就是一个一级域名，如果在顶级域名前在由.隔开加上不同的字符，比如bbs.good

标签名称：sonchannel功能说明：子栏目调用标签适用范围：全局使用基本语法：{dede:sonchannel}[field:typename/]{/dede:sonchanne

好织梦小编整理标签名称：autochannel功能说明：指定排序位置的单个栏目的链接适用范围：全局使用基本语法：{dede:autochannelpartsort=typeid=}{/dede:au

修改dede/catalog.add.php文件85行$toptypedir=GetPinyin(stripslashes($toptypename));修改为$toptypedir=GetPinyin(stripslash

在构建网页的时候，如果不想逐个写栏目列表页的标题，即列表页标题形式为：{field:seotitle/}_{dede:global.cfg_webname/}，其中{field:seotitle/}为该栏目列表的seo标题。

{dede:channelartlisttypeid=栏目IDrow=条数}{dede:fieldname=t

有些网站的内容需要用链接来做版权注明但是织梦DedeCMS没有对应的代码调用，用{dede:field.typename/}来表示当前文档的栏目名称，本贴介绍用{dede:field.typeurl/}形式来调用栏目链接，该方法同时

首先说一下{cmspath}的意思,,打开后台"系统配置参数"可以看到第二项,DedeCms安装目录：这个就是{cmspath}所解析出来的路径,假如beta2升级到lit，需要手工修改栏目属性，把{cmspath}去除.或者你运行se

3.1lit最新版当一级栏目为最终列表栏目时，使列表显示其下级栏目的文章的修改(方法借鉴)include/inc_arclist_view.php80行：$addSql.="And(typeid=".$this-TypeID."

{dede:arclistrow=10orderby=pubdate}[field:typelink/][field:textlink/]{/dede:arclist}

在当前栏目发布分类信息，不必选择栏目方法DEDE在发布信息选择栏目地方比较失败吧，太不方便和友好了，建议参考问答那里选择栏目方式另外，鉴于分类信息栏目比较多，怎么选都麻烦，还是在浏览当前栏目时候，点击发布信息连接直接在当前栏目发布，不必选

栏目列表页的SEO：1.增加新字段方法进入后台系统管理SQL命令行运行器多行命令执行如下语句：ALTERTABLE`dede_arctype`ADD`typetitle`VARCHAR(255)CHARACTER

问题是这样的：已经开启了副分类和子栏目功能，但是在封面模板中却始终无法显示副栏目的内容，尤其是子类里面选择的副栏目。经过一番查找终于解决了，修改文件/include/taglib/arclist.lib.php第189行左右或者搜索if(

因为本人需要，自己就动手修改了其中代码，拿来分享，能用到的朋友可以借鉴一下！\include\inc_typelink.php1、在这段代码后（大概263行）if($reID==0&&$typeid0){$dbrow=$th

DedeCms导航改为文章标题-2级栏目-1级栏目-网站名样式代码如下：{dede:fieldname=title/}-{dede:fieldname=positionrunphp=yes}$t

很多人栏目内容过多，需要分成2行，解决办法如下：修改/templets/default/DedeCms.css修改188行为以下内容：Copycode.der.nav{width:100%;height:64px;backg

DEDEV5.6中已经增加了默认扩展名的优化设置，允许用户启用扩展名是否添加到栏目地址中。在后台系统-核心，可以选择栏目网址使用目录名(不显示默认页，即是/a/abc/形式)，如果启用，所有的扩展名将会被忽略。这里可以做一定的优化，如

dede网站内容页如何调取栏目页标题和seo标题内容页调用SEO标题：在之间加入以下代码：{dede:fieldname=typeidrunphp=yes}$id=@me;global$dsql;$sql="select

wordpress获取某个分类的链接地址的两种方法：通过get_category_link()获取分类文章的链接URL，参数为文章的ID（文章ID获取方法）第一种php实例如下：?php$category_id=get_c

网站栏目(列表页)如何优化　　有些类型的网站需要列页面或列表页面优化才能排名。实际上，列页面或列表页面是一种聚合页面，聚合页面seo优化的核心操作点在于关联构造。其他优化点包括丰富度构造，图像聚合，更新频率构造和列页面的权威构造。　　在

栏目管理操作：登陆后台－》“栏目管理”－》“管理信息栏目”

关键字描述：出现现象导航页面栏目 <"document.allphpcms建站时，当一个栏目下包含许多子栏目时，大栏目页面导航出现不换行现象的解决方法：找到templates\default\phpcm

关键字描述：栏目一级二级所有调用频道首页<">width打开phpcms频道首页模板index.html你会看到：CODE:[Copytoclipboard]tabl

网站栏目页及列表页要实现的效果如下：1、栏目页最多只列出100页；2、列表页不限制最大页数，有多少页就列出多少页。要实现这个效果，需要改动的文件有3个，文件及改动内容如下：/*文件：/include/global.func.ph

在之前的PhpcmsV9列表页使用GET标签调用指定文章内容的方法中，做到了在PCv9栏目列表中调用出了指定文章的内容，今天，CMSYOU将继续跟大家探讨，在栏目数据调用中从指定行数开始，比如从第2条或第N条开始调用。　　这种方法适

{pc:getsql="select*fromphpcms_categorywherecatidin(你的子栏目ID)"return="data"}{loop$data$r}ahref="{$r[url]}

{catpos($catid)}显示文章位置导航{$CATEGORYS[$catid][url]}显示当前栏目链接{$CATEGORYS[$catid][catname]}显示当前栏目名称

一、添加栏目　　位置：系统设置栏目管理添加栏目　　添加栏目，根据自己的需求是否有上级栏目，并且选择合适的栏目类型，　　栏目管理类型：　　1、内部栏目(可绑定内容模型，并支持在栏目下建立子栏目或发布信息)　　2、单网页(可

//加载广告functionad_block($catid){$adblocks=pc_base::load_config(ad,$catid);if(empty($adblocks)){$mode

我们可以通过order里的LIMIT指明从第N条开始调用数据。具体方法：{pc:contentaction="lists"catid="10"order="idDESCLIMIT1,4"num="4"}ulclas

我们先来看下默认栏目调用的代码：{pc:contentaction="lists"catid="$catid"num="25"order="idDESC"page="$page"}ulclass="list

1.phpcmsv9所有当前栏目信息标签下面做总结，方便大家找到在内容页想调用的东西当前栏目id:{$catid}当前栏目名:{$CATEGO

我们在做模板时有时候需要用到调用栏目的子栏目，下面这个文章将教大家实现目的，挺简单的。代码如下：在二级栏目列表页调用：!*获取子栏目*@param$parentid父级id*@param$type栏目类型*@param

问题：phpcmsv9列表页如何调用子栏目如：首页产品中心产品类型a产品类型a11在列表页产品类型a中，包括产品类型a1、产品类型a2、产品类型a3如何在列表页的category调用出来产品类型a1、产品类型a2、产品类型a

谷歌开发者工具为前端开发人员提供了相当大的便利。利用此工具，可以查看当前域下的Cookie，下面进行一下简单介绍。一.document.cookie：此属性可以获取当前域的所有Cookie，在控制台可以查看相关数据。代码运行效果截图如下：可

本文简单阐述一下Cookie与HTTP请求中的一些关联。在地址栏输入地址后，网络总体上大致经历量大阶段：（1）.HTTP请求（2）.HTTP响应下面简述一下从请求到响应，Cookie可能会经历的一些操作：（1）.当第一次发起请求的时候，毫无

单行文本框只能够输入一行内容，textarea多行文本框可以输入多行文本。多行文本框用textarea标签创建，而不是input标签。它通常用于需要输入较多内容的需求。代码实例如下:

此属性的作用可以引入网络字体，如果不使用此属性，那么只能够使用本机已经安装的字体。@font-face是css3新增的一个模块，其实在上世纪90年代，从IE4浏览器就开始支持，不过仅限于IE浏览器。但是由于一些支持和效果上的原因，在css2

此属性可以设置和查询与当前文档相关的所有cookie，可读写属性。可使用该属性对当前文档的cookie进行读取、创建、修改和删除操作。语法格式：document.cookie下面通过代码实例对此属性进行一下演示。console.log(do

标签type属性值设置为"checkbox"即可创建一个复选框。radio单选按钮只能够选中其中一项，复选框则可以选中任意多项。所以复选框通常用于需要多项选择的场景，比如某些网站需要选择个人技能或者爱好等。代码实例如

CSS不是一门编程语言，未来不可知，起码当前算不上。难度上根不能与其他真正编程语言相比，但也不是那么轻松。很多属性让人感觉十分繁琐，且不太容易精确的理解属性值所要表达的含义。word-break属性可能会给不少朋友带来上述所说的困扰，下面通

通过border-radius属性可以实现元素的圆角效果。首先看一段代码实例： 更新时间：2019-10-28类型：

overflow-wrap属性规定是否允许在单词内进行断行，也就是将一个单词从其内部折断。可以防止字符串过长导致的溢出现象，可能不少朋友感觉此属性功能与其他CSS属性功能相似。的确如此，与两个属性与其功能相似，甚至是一模一样：（1）.wor

在其他很多文章反复强调过，掌握一个知识点可以从其名称入手。因为其名称在一定程度上体现它的功能，自然对white-space属性的学习也不例外。此属性的名称由两个单词构成，分别如下：（1）.white：翻译成函数具有"白或者白色"的意思。（2

理解并掌握此属性的使用可以从其名称入手，属性名称由两个单词构成：（1）.text：翻译成汉语具有"文本"的意思。（2）.overflow：翻译成汉语具有"溢出"的意思。于是可以有理由猜测，此属性的功能是用于规定如何处理溢出的文本，事实也是如

此属性可以设置文本的填充颜色。如果同时设置text-fill-color和color属性，那么前者将覆盖后者的效果。语法结构:text-fill-color：代码实例: 更新时间：2019-10-28类型：

在此之前，如果设置文字的阴影效果，通常要利用其他工具，比如使用Photoshop制作相应的图片，单纯使用css很难实现；CSS3提供的text-shadow属性可以实现之前难以实现的效果。语法结构:不同的教程中，语法结构形式的表述有所不同，

text-stroke属性可以设置文字的描边效果。文本的描边就类同于文本的边框，原来只有这样的元素才可以设置边框，现在文本也可以。它是一个复合属性，语法结构如下:text-stroke：[text-stroke-width]

box-shadow属性理解和应用起来稍稍有一点难度，只要切入点得当，还是比较容易掌握的。属性的命名必然和其功能有内在联系，从名称进行理解，box-shadow可以分拆为两个单词：（1）.box：盒容器，例如div或者p创建的容器盒子。（

:default是一个伪类选择器，与伪类选择器相似的是伪元素选择器。关于两者的区别可以参阅CSS伪类与伪元素选择器区别一章节。此选择器可以匹配被默认选中的表单元素，比如复选框、单选按钮或者select下拉菜单。下面将结合代码实例详细介绍一下

此标签和标签配合使用。关于标签可以参阅HTML标签一章节。理解此标签从其名称入手是一个良好的方式。figcaption可以认为由如下两个单词构成：（1）.fig：也就是标签

此属性可以改变指定元素的外观，比如可以将段落元素渲染为按钮的外观。它还是很有实际意义，很多元素在不同浏览器中渲染的效果，用appearance进行一下弥补。语法结构:appearance:;特别说明：此属性尚

这两个属性都可以提高网站的安全性。一.Secure：此属性规定cookie只能在https协议下才能够发送到服务器。如果当前采用的是http协议，那么浏览器在接受服务器发来的cookie的时候会自动忽略Secure属性。可以在一定程度上防止

本文仅对cookie做一个总体介绍，关于它的操作将在其他文章介绍。浏览者会在本文获取如下几点信息：（1）.什么是cookie。（2）.cookie的作用。（3）.cookie其他特点。一.什么是cookie：cookie实质上一个存储在计算

backface-visibility属性用来规定元素的正面不面向屏幕时，背面是否可见。关于transform变换更多内容可以参阅CSS32D/3D转换一章节。语法结构:backface-visibility:visible|hidde

是HTML5新增的语义化标签之一。关于语义化标签的概念与作用可以参阅HTML语义化布局一章节。一.标签作用：HTML5将标签类别根据功能进行了细化，以使代码更具有语义。不但便于程序员阅读，也更有利于搜索引擎的抓取识

showModal方法可以显示Dialog对话框窗口。关于对话框窗口可以参阅HTML标签一章节。此方法的功能与show()方法相同，但是对话框显示后无法操作其他区域。语法结构：dialogObject.showModal

此方法可以显示Dialog对话框窗口。关于对话框窗口可以参阅HTML标签一章节。语法结构：dialogObject.show()浏览器支持：（1）.IE浏览器不支持此方法。（2）.edge浏览器不支持此方法。（3）.谷歌

是HTML5新增的语义化标签之一。关于语义化标签的概念与作用可以参阅HTML语义化布局一章节。一.标签作用：标签可以创建一个具有一定动态效果和交互能力的对话框。此标签需要注意两个属性的应用：

是HTML5新增的语义化标签之一。关于语义化标签的概念与作用可以参阅HTML语义化布局一章节。一.标签作用：此标签通常用于对于其他主体内容的修饰，或者说提供一些附属信息。应用方式简单介绍如下：（1）. 更新时间：2019-10-25类型：

是HTML5新增的语义化标签之一。关于语义化标签的概念与作用可以参阅HTML语义化布局概述一章节。一.标签作用：标签用于创建页面中主要内容。此标签中的内容在原则上不能是网站页面中重复出现的内容，比

是HTML5新增的语义化标签之一。关于语义化标签的概念与作用可以参阅HTML语义化布局概述一章节。一.标签作用：此标签的功能与标签比较类似，两者联系与区别简单总结如下：（1）. 更新时间：2019-10-25类型：

是HTML5新增的语义化标签之一。关于语义化标签的概念与作用可以参阅HTML语义化布局概述一章节。一.标签作用：此标签表示一个相对独立与完整的内容块，具有比较完整的语义。比如页面中的一篇文章，或者文章底

location.replace()方法可用一个新文档替代当前文档。但是与location.assign()和location.href不同的是，此方法是用指定URI替换当前URI。所以被替换的URI不会被保存的历史记录中，所以点击浏览器后

关于Promise对象的基本介绍可以参阅JavaScriptPromise对象一章节。Promise的静态方法，将多个Promise对象包装成一个新的Promise对象。race翻译成汉语具有"竞赛"或者"赛跑"的意思，恰如其名，哪个P

关于Promise对象的基本介绍可以参阅JavaScriptPromise对象一章节。Promise.reject()方法是Promise的静态方法，返回一个以给定参数值解析后的Promise对象。语法结构：Promise.rejec

关于Promise对象的基本介绍可以参阅JavaScriptPromise对象一章节。Promise.resolve()方法是Promise的静态方法，返回一个以给定参数值解析后的Promise对象。语法结构：Promise.reso

关于Promise对象的基本介绍可以参阅JavaScriptPromise对象一章节。此方法的作用与p.then(undefined,onRejected)功能相同，p是一个Promise对象。也就是当Promise对象变为Rejec

关于Promise对象的基本介绍可以参阅JavaScriptPromise对象一章节。本文将通过代码实例介绍一下Promisethen()的用法。方法具有两个参数，分别作为Promise对象变为Resolved与Rejected状态

本文在总体上对AJAX做一个概述，并不会对其技术细节做过多涉及。目的是让读者在总体对AJAX有一个大致的了解，更多内容可以参阅本版块其他文章。一.AJAX是什么：AJAX是异步JavaScript和XML，英文全称是Asynchrono

document.domain属性可以返回或者当前页面所在域（注意不包括协议）。通过此属性可以在某些情况下实现跨域功能，具体参阅本版块其他相关文章。语法结构：letdomainString=document.domain;docum

移动端触屏事件基本知识可以参阅移动端touch事件一章节。首先看一段代码实例： 更新时间：2019-10-25类型：

此方法是JSON对象的两个静态方法之一。通过JSON.stringify()方法可以将参数转换为JSON数据，具体参阅JSON.stringify()一章节。而利用JSON.parse()可以将JSON数据解析为最初的数据，当然有很多细节需

在介绍词方法之前首先看一段代码实例，以便展开对此方法的介绍。letdate=newDate();console.log(JSON.stringify(date));代码运行效果截图如下：通过JSON.stringify方法将Dat

功能非常简单的一个方法，但是有很多细节需要注意，本文通过代码实例详细介绍。首先从此方法的名称开始说起，从simplify单词分析开始：（1）.simplify是由simple衍化而来，加上ify后缀，变成一个动词，功能是使...简单化。（2

本文对JSON做一个总体介绍，语法细节在其他文章进行详细分析。JSON是JavaScriptObjectNotation的缩写，翻译成汉语是"JavaScript对象表示法"。一.JSON特点总结如下：（1）.JSON是一种轻量级数据交

window.name属性非常的简单，它能够设置或者获取当前窗口对象的名称。关于它的基本用法可以参阅window.name用法一章节。但是此属性的某些特点，又让其有了其他使用价值，那就是跨域操作。特别说明：如果不考虑浏览器兼容性，更加推荐

此属性可以返回对创建该窗口的Window对象的引用。使用该属性可以在被创建窗口引用创建它的窗口中定义的属性或者方法。关于window对象更多内容参阅JavaScriptwindow对象一章节。注：表示顶层窗口Window对象才可以使用o

关于Proxy更多内容可以参阅JavaScriptProxy和Reflect一章节。此方法可以拦截Object.isExtensible()操作。返回一个布尔值，用来标识target对象是否可以扩展。语法结构:varp=newPr

关于Proxy更多内容可以参阅JavaScriptProxy和Reflect一章节。此方法可以拦截Object.getOwnPropertyNames()操作。返回值是一个数组。语法结构:varp=newProxy(target,

关于Proxy更多内容可以参阅JavaScriptProxy和Reflect一章节。此方法可以拦截Object.preventExtensions()操作。返回一个布尔值用来说明操作是否成功。语法结构:varp=newProxy(

关于Proxy更多内容可以参阅JavaScriptProxy和Reflect一章节。此方法可以设置指定对象的原型对象，功能与Object.setPrototypeOf()相同。返回一个布尔值用来说明是否设置成功。语法结构:Reflect.

关于Proxy更多内容可以参阅JavaScriptProxy和Reflect一章节。此方法会拦截属性赋值操作。返回一个布尔值用来表明是否赋值成功。语法结构:varp=newProxy(target,{set:function

关于Proxy更多内容可以参阅JavaScriptProxy和Reflect一章节。此方法可以创建一个可取消的Proxy实例。返回值是一个对象，该对象的proxy属性是Proxy实例，revoke属性是一个函数，可以取消Proxy实例。语

首先打开谷歌开发者工具的设备模式，图示如下：点击红框处实现设备模式的切换，切换后重新加载页面效果如下：Downzz.com的页面切换到移动端版本（当然网站必须具有移动版本，否则无效果）。可视窗口控件：使用顶部的可视窗口控件，可以针对各种设备

本文介绍一下如何利用谷歌浏览器查看和删除本地的cookie。关于通过JavaScript对cookie的操作可以参阅JavaScriptcookie等相关文章。一.查看cookie：点击谷歌开发者工具Application选项卡，然后点击

:focus伪类选择器大家都比较熟悉，可以匹配获取焦点的适用元素。具体用法可以参阅CSSE:focus选择器一章节。本文再来介绍一个与上述选择器类似的伪类选择器:focus-within。首先从名称对此选择器进行分析，由focus与wi

本文并不会对多列布局的技术细节做介绍，而是从总体上介绍一下它的作用。多列布局早就存在，并且应用非常的频繁，比如一个页面分为三列布局。简单图示如下：图示中，页面的主体部分采用三列布局效果。CSS3之前，实现上述效果主要通过浮动或者两位两种方式

columns是一个复合属性，用于设置列数和列的宽度。属性非常简单，但是其中有需要地方需要特别注意，下面会通过代码实力说明。语法结构：columns：[column-width]||[column-count]属性值说明：（1）

column-width属性可以设置列的宽度。关于多列布局的总体介绍参阅CSScolumns多列布局一章节。语法结构：column-width:auto|length;属性值解析：（1）.auto：默认值，它的值由其他相关属性决定。（

column-count属性用于规定列的数量。关于多列布局的总体介绍参阅CSScolumns多列布局一章节。语法结构：column-count:auto||num属性值解析:（1）.auto：默认值，列的数目根据其他相关属性确定。

column-rule属性用来规定列与列之间的边框样式，有点类似于border属性，复合属性。与border不同的是，它只作用于两列之间的位置，且不占用任何空间。关于多列布局的总体介绍参阅CSScolumns多列布局一章节。语法结构：c

column-gap属性用来规定列与列之间的距离。关于多列布局的总体介绍参阅CSScolumns多列布局一章节。语法结构：column-gap:normal|属性值解析：（1）.normal：默认值，默认情况默认值就

column-span属性用来规定跨越的列数。关于多列布局的总体介绍参阅CSScolumns多列布局一章节。语法结构：column-span:1||all;参数解析:（1）.1：默认值，表示不跨越任何列。（2）.all：表示跨越所

关于Proxy更多内容可以参阅JavaScriptProxy和Reflect一章节。此方法可以判断对象是否具有指定属性，功能类似于in运算符。返回一个布尔值用来说明是否存在指定属性。语法结构:Reflect.has(target,pro

关于Proxy更多内容可以参阅JavaScriptProxy和Reflect一章节。此方法可以设置指定对象的属性，比如为对象添加新属性或者修改原有属性的值。返回一个布尔值用来说明添加或者修改操作是否成功。语法结构:Reflect.set(

此事件属性可返回事件发生时鼠标指针相对于屏幕的垂直坐标。屏幕的左上角是坐标系原点位置，向左是x轴正方向，向下是y轴正方向。这里一定要注意的是，此属性返回的是相对于显示器屏幕的坐标，而不是浏览器客户区。简单图示如下：图示说明如下：（1）.蓝色

关于Proxy更多内容可以参阅JavaScriptProxy和Reflect一章节。此方法行为有点像new操作符构造函数，相当于运行newtarget(...args)。语法结构:Reflect.construct(target,a

关于Proxy更多内容可以参阅JavaScriptProxy和Reflect一章节。此方法功能类似于Object.defineProperty()方法。它返回一个布尔值用来说明操作是否成功。语法结构:Reflect.definePrope

关于Proxy更多内容可以参阅JavaScriptProxy和Reflect一章节。通过指定的参数列表发起对目标(target)函数的调用。语法结构:Reflect.apply(target,thisArgument,argument

如果一个对象具有名为Symbol.iterator的属性，那么就可以认为此对象具有遍历器接口。关于遍历器接口可以参阅JavaScriptIterator遍历器一章节。更多关于Symbol内容参阅JavaScriptSymbol一章节。代

关于Proxy更多内容可以参阅JavaScriptProxy和Reflect一章节。此方法可以从对象获取指定属性值。语法结构:Reflect.get(target,propertyKey[,receiver])参数解析:（1）.tar

此属性是CSS中使用最为频繁的属性之一，从字面意思看它用于设置行高。事实也是如此，最常见的操作是通过此属性设置文本居中显示。关于设置为本居中可以参阅如下两篇文章：（1）.单行文本居中参阅CSS文本居中一章节。（2）.多行文本居中参阅CSS

更多关于HTTP协议的内容可以参阅HTTP协议一章节。利用缓存可以提高页面的访问速度，提高用户体验，并且还能够减轻服务器压力。首先对页面缓存做一下简单通俗的介绍，要获取一个页面需要向服务器发起一个请求，然后服务器会产生一个响应，响应内容经

此方法会获取对应Symbol值的键。更多关于Symbol内容可以参阅JavaScriptSymbol一章节。语法结构:Symbol.keyFor(sym);参数解析:（1）.sym:必需，要获取键值的Symbol值。代码实例：lets

使用Symbol()方法可以创建一个Symbol类型的值。代码实例如下:lets=Symbol();letone=Symbol("Downzz.com");lettwo=Symbol("Downzz.com");co

为了增加人性化程度，在IDE编写代码的时候，通常会有智能提示效果。以VScode为例子，截图如下：当键入document.的时候，会自动弹出可能的选项，这是VScode内置的功能。但是当编写jQuery或者其他一些库的代码时候，则没有类似的

假如页面中，有两个报错功能，一个是普通错误，一个是严重错误。这样我们可以定义两个class样式类，.error和.seriousError。代码如下：.error{border:1px#f00;background-color:#f

TypeScript类和接口的兼容性非常类似，但是类分实例部分和静态部分。比较两个类类型数据时，只有实例成员会被比较，静态成员和构造函数不会比较。代码实例如下：classAntzone{webName:string;construct

此属性设置或返回一个窗口的外部高度，包括所有界面元素（如工具栏/滚动条）。更多关于window内容参阅JavaScriptwindow对象一章节。语法结构：window.outerHeight=pixels参数解析:pixels：可选，

此属性设置或返回一个窗口的外部宽度，包括所有界面元素（如工具栏/滚动条）。更多关于window内容参阅JavaScriptwindow对象一章节。语法结构：window.outerWidth=pixels参数解析:pixels：可选，一

如果之前没有接触过ES2015，那么肯定没有见过Symbol的身影。JavaScript中数据总体分为两类，一种是引用类型，另一种是值类型，本文不做具体介绍。symbol是一种全新值类型数据，表示一种绝对不重复的值，记住是不可能重复的值。关

本文将通过代码实例详细介绍一下Set与WeakSet数据结构的用法。两种数据结构是ES2015新增，与数组非常相似，但是区别也很明显，下面会介绍。一.Set对象：通过Set()构造函数可以创建一个Set对象实例。此对象与数组非常相似，但是S

本文将详细介绍一下Map与WeakMap对象的具体用法。上述两种数据结构是ES2015新增，与已有的对象直接量非常相近。一.Map对象：对于对象直接量非常相似，都是键值对集合，但是Map对象更为完全，且API丰富。两者的核心区别是，对象直接

JavaScript异步操作在实际项目应用广泛，否则一些当前司空见惯的操作就会将浏览器卡死。举两个比较常见的JavaScript异步操作，一个是ajax操作，另一个是FileReader读取计算机文件。ajax读取远程服务器数据和FileR

本文将通过简单代码实例详细介绍一下Generator函数的用法。看到文章的标题，估计不少朋友会误认为它只是一个名称是Generator的普通函数。事实并非如此，它并不是一个具体的函数，而是一个全新的异步编程方案，一种新的语法结构。一.语法

如果存在大段可以重复使用的css代码，使用混合器可以方便的引用它。混合器使用@mixin命令标识，代码实例如下：@mixinrounded-corners{-moz-border-radius:5px;-webkit-border-r

很多时候按部就班的操作可能并不能达到理想的效果，此现象尤其让新手迷惑。比如在移动端高清屏上设置1px尺寸的边框效果，虽然代码正确，但是并不能让人满意。首先看如下代码片段：div{width:5rem;height:2rem;border:

更多关于TypedArray视图内容可以参阅TypedArray视图一章节。此方法可以对TypedArray数组的一部分，再建立一个新的视图。语法结构：typedarray.subarray([begin[,end]])参数解析:（1）

~是二进制按位非运算符，对每一个二进制位执行非（NOT）操作，获取对应的反码。代码如下:variNum1=25;//25等于00000000000000000000000000011001variNum2=~i

左移运算符由两个小于号(<<)表示。它能够将二进制数整体向左移动指定的位数。代码实例:以数字4为例子做一下介绍，它的二进制表示为:100如果将其左移2位，那么就变成了:10000结果为16，代码实例如下:varnum=4;varn

^是二进制按位异或运算符。对每一对二进制位进行异或（XOR）操作，只有一个数位存放的是1时，返回值才是1。规则如下:第一个数字中的数位第二个数字中的数位结果110101011000代码实例:对25和3进行异或运算:variRe

此方法可能在很多时候使用频率并不是很高，尤其是在比较简单的代码中。因为没有此方法的存在同样会正常达成效果，因为它基本是为了提高性能而存在。createDocumentFragment字面意思是"创建文档碎片"，更准确的说是创建文档碎片容器。

关于Proxy更多内容可以参阅Proxy和Reflect一章节。此方法可以判断一个对象是否是可扩展的，如果可以扩展则返回true，否则返回false。它与Object.isExtensible()功能是完全相同的。语法结构:Reflect.

关于Proxy更多内容可以参阅Proxy和Reflect一章节。此方法的功能类似于Object.getPrototypeOf()方法。返回一个原型对象或者null。语法结构:Reflect.getPrototypeOf(target)参数解

关于Proxy更多内容可以参阅Proxy和Reflect一章节。此方法可以将对象设置为不可扩展，与Object.preventExtensions()方法功能基本相同。不同点参阅Reflect.preventExtensions()和Obj

关于Proxy更多内容可以参阅Proxy和Reflect一章节。此方法功能类似Object.getOwnPropertyDescriptor()。返回一个属性特性描述对象或者undefined。语法结构:Reflect.getOwnProp

关于Proxy更多内容可以参阅Proxy和Reflect一章节。此方法会返回一个数组，此数组中包含有参数对象自有属性名称。语法结构:Reflect.ownKeys(target)参数解析:（1）.target:从中获取自由属性名称的对象。特

关于Proxy更多内容可以参阅Proxy和Reflect一章节。此方法会拦截Proxy实例作为构造函数调用的操作;返回值是一个对象。语法结构:varp=newProxy(target,{construct:function(ta

&是二进制按位与运算符。对每一对二进制位进行与（AND）操作，如下:第一个数字中的数位第二个数字中的数位结果111100010000代码实例:要对数字25和3进行AND运算，代码如下所示：variResult=25&3

本站一贯的风格是，掌握概念从其名称入手，本文也不例外。属性transform-origin由单词transform与origin构成，简单分析如下：（1）.transform：说明此属性与transform变换相关，这个是很显然的事情。（2

此属性是CSS3新增，transform翻译成汉语具有"变换"或者"改变"的意思。通过此属性具有非常强大的功能，比如可以实现元素的位移、拉伸或者旋转等效果。最能体现transform属性强大实力的是实现元素的3D变换效果。本文并不会过多介

版本发展到CSS3，功能得到了极大的提高，原本难以实现的功能，现在已经变得相对轻松。比如美观的3D图片轮播效果，在以前很可能要借助于flash或者结合JavaScript通过复杂的代码实现。当前通过CSS3就可以较为轻松的实现，并且性能更为

opacity翻译成汉语具有"不透明性"，那么可以推测此属性用于设置不透明度。设置不透明度其实也就是设置透明度，这个很容易理解。CSS中设置透明度的属性有很多，简单罗列如下：（1）.CSSRGBA属性一章节。（2）.CSSHSL()

由于媒体尺寸的多样性，为了能够使同一套代码适配多种尺寸媒体，于是产生了响应式布局。响应式布局，就是页面能够根据当前媒体的不同应用不同的布局方式，以此达到最佳效果。布局方式通常由CSS控制，媒体查询可以判断当前媒体类型，从而应用不同的CSS代

延续本站的一贯传统，首先从方法名称入手对其功能进行分析。matchMedia是match和media的合成词，分解如下：（1）.match：翻译成汉语具有"匹配"的意思。（2）.media：翻译成汉语具有"媒体"或者"媒介"的意思。命名的确

掌握此属性首先从其名称入手，这也是本站文章的常见风格。clip-path由单词clip与path构成，clip翻译成汉语具有"剪切"的意思，path翻译成汉语具有"路径"的意思。名副其实，此属性可以沿着指定的路径对元素或者图形进行裁切操作。

此属性可以返回当前页面或者文档向向上滚动的尺寸，返回值是数字，默认单位为像素，只读属性。当页面垂直尺寸较大的时候，右侧会出现垂直滚动条，scrollY就是获取垂直滚动的尺寸。pageYOffset属性是scrollY属性的别名，与scrol

此属性可以返回当前页面或者文档向左滚动的尺寸，返回值是数字，默认单位为像素，只读属性。当页面水平尺寸较大的时候，页面会在底部出现水平滚动条，scrollX就是获取水平滚动尺寸。pageXOffset属性是scrollX属性的别名，与scro

关于弹性布局的基本介绍可以参阅display:flex弹性布局一章节。上述文章虽有涉及，但非常简略，本文再通过代码实例详细介绍一下此属性的用法。只要掌握了align-items属性，那么基本就掌握align-self属性的用法。两个属性的

关于弹性布局的总体概括性介绍可以参阅display:flex弹性布局一章节。此属性用于设置交叉轴方向项目的对齐方式，本文将通过代码实例对其进行详细介绍。一.知识准备：（1）.弹性容器中的轴线：将元素的display属性值设置为flex或者

关于Proxy更多内容可以参阅Proxy和Reflect一章节。此方法可以拦截Proxy实例作为函数调用的操作，包括call()或者apply()方式调用。可以返回任意类型的值。语法结构:varp=newProxy(target

关于Proxy更多内容可以参阅Proxy和Reflect一章节。此方法能够拦截Object.getOwnPropertyDescriptor()操作。返回值是对象或者undefined。语法结构:varp=newProxy(targ

关于Proxy更多内容可以参阅Proxy和Reflect一章节。此方法会拦截delete删除属性操作，返回一个布尔值用来标识删除操作是否成功。语法结构:varp=newProxy(target,{deleteProperty:f

关于Proxy更多内容可以参阅Proxy和Reflect一章节。此方法可以拦截获取原型对象操作，返回值是一个对象或者null。语法结构：varp=newProxy(obj,{getPrototypeOf(target){//co

不相等运算符与相等运算符（==）是相对的。关于相等运算符可以参阅JavaScript==等号运算符一章节。只要理解了相等运算符，那么也就等同于理解了不相等运算符。为了便于理解，本文再通过代码实例详细介绍一下不相等运算符的用法。一.运算符

元素是HTML5新增，用来显示已知数据范围内标量值，通常用于指示当前数据处于某种状态。上述阐述太晦涩了，原本很容易理解的概念一旦套上高大上的概念就让人有点迷茫。计量条对于绝大度数朋友应该都不陌生，举一个简单的例子，竞技游戏中，

此事件属于可以返回鼠标指针位于事件源对象中的坐标。它与event.offsetX原理完全一致，只是方位不同，所以本文不再做详细介绍。具体原理可以参阅JavaScriptoffsetX属性一章节。语法结构：event.offsetX浏览器

本站一直都推荐，掌握一个概念的具体含义，可以从其名称入手。resizeTo由单词resize与to合成，resize翻译成汉语具有"修改尺寸"的意思，to则表示达到一个最终目标。那么resizeTo则表示将尺寸调整到一个目标值，事实也是如此

add方法可以为WeakSet添加新元素。新元素必须是一个对象，而不是任意值，并且必须是唯一的。如果将非唯一的元素添加到WeakSet，则新元素不会添加到集合中。更多关于WeakSet内容可以参阅Set和WeakSet数据结构一章节。语

关于Proxy更多内容可以参阅Proxy和Reflect一章节。此方法会拦截Object.defineProperty或者Reflect.defineProperty()操作。返回一个布尔值用来说明操作是否成功。语法结构：varp=n

关于Proxy更多内容可以参阅Proxy和Reflect一章节。此方法可以拦截Object.setPrototypeOf()操作。返回一个布尔值用来说明原型对象是否设置成功。语法结构：varp=newProxy(target,{s

此方法功能类似于delete运算符，返回的布尔值用来标识属性是否删除成功。关于Proxy更多内容可以参阅Proxy和Reflect一章节。语法结构：Reflect.deleteProperty(target,propertyKey)参数解

clear方法可以清空一个Set对象中的所有元素。更多关于Set内容可以参阅Set和WeakSet数据结构一章节。语法结构：Set.clear();代码实例：letmySet=newSet();mySet.add("Down

在介绍cal()具体用法之前，先对其进行一个总体介绍。如果学习过JavaScript等编程语言，它的外观非常像一个函数，功能也非常类似。不妨认为它就是CSS中的一个函数，函数名称calc是calculate的缩写，翻译成汉语具有"计算"的意

关于弹性布局的总体介绍可以参阅display:flex弹性布局一章节。上述文章对弹性布局进行了概括性介绍，但过于简略，很多初学者难以理解。本文专注于通过代码实例对其中属性之一flex-shrink进行详细介绍。一.基础概念：从"弹性布局"

关于弹性布局的更多内容可以参阅display:flex弹性布局一章节。CSS弹性布局涉及的属性非常多，本文通过代码实例详细介绍一下align-items用法。align-items属性用于规定弹性布局容器中的项目在交叉轴上的排列方式。特别

关于弹性布局更多内容可以参阅display:flex弹性布局一章节。本文将分步通过代码实例详细介绍一下justify-content属性的用法。一.相关知识准备：通过display:flex可以将元素设置为弹性布局容器元素。容器元素具有两

CSS弹性布局总体介绍可以参阅display:flex弹性布局一章节。本文专注于介绍弹性布局众多属性之一的flex-flow属性。此属性非常简单，因为它是弹性布局的中flex-direction和flex-wrap属性的合体。也就是说f

flex-wrap属性是众多的弹性布局属性之一，本文将结合代码实例对其进行详细介绍。关于弹性布局的基本用法本文不做介绍，具体参阅display:flex弹性布局一章节。对于此属性的介绍，依然坚持本站的风格，从名称入手，flex-wrap解

关于弹性布局的概括性介绍可以参阅display:flex弹性布局一章节。虽然有对flex-direction属性的介绍，但非常简单，本文再通过代码实例对其进行详细介绍。本站总是强调对于属性的理解，可以从其名称入手，flex-directi

关于弹性布局的总体介绍可以参阅display:flex弹性布局一章节。上面是一篇概括性文章，仅对相关属性进行了基础介绍，细节方面有所欠缺。本文则通过代码实例详细介绍一下弹性布局中的flex-grow属性。一.弹性布局概括：弹性布局的内容较

在display:flex弹性布局一章节对弹性布局进行了概括介绍。上述文章能够让读者在总体上对弹性布局有一个基本的认识与把握。但是如果要熟练应用，则需要对弹性布局涉及的相关属性有比较深入的了解。本文将通过代码实例详细介绍一下flex-ba

关于Proxy更多内容可以参阅Proxy和Reflect一章节。此方法会拦截属性的读取操作；可以返回任意类型的值。语法结构：varp=newProxy(target,{get:function(target,property

CSS3弹性布局总体介绍可以参阅display:flex弹性布局一章节。此属性是flex-grow、flex-shrink和flex-basis属性的复合写法。默认属性值为01auto。如果元素不是Flex项目，则此属性不起作用。语

编程语言中，名称总是能够体现功能，所以掌握一个概念的功能可以从其名称入手。invalid由in与valid组合而成，in在语法中表示否定的意思，valid翻译成汉语具有"有效"或者"健全"的意思。那么两者组合起来表示"无效"或者"不健全"，

HTML5内置了很多表单验证规则，比如为input文本框添加required属性即可实现必需性验证。如果提交表单的时候文本框为空，那么就会弹出报错警告框，非常方便。但是在实际应用中，可能需要禁用这个内置的表单验证效果。novalidate属

此方法会返回当前symbol对象的字符串表示。更多关于Symbol的内容可以参阅ES2015Symbol一章节。语法结构:symbol.toString();代码实例:lets=Symbol("Downzz.com");conso

此方法可以拦截属性检索操作。返回一个布尔值用来标识target对象是否具有指定属性。关于Proxy更多内容可以参阅ES2015Proxy和Reflect一章节。语法结构：Reflect.has(target,propertyKey)参数

has方法判断WeakMap对象包含指定的元素。如果有则返回true，否则返回false。更多关于WeakMap内容参阅Map和WeakMap数据结构一章节。语法结构：weakmapObj.has(key)参数解析：（1）.key：必需，

get方法可以通过键从WeakMap对象中返回指定的元素。如果WeakMap不包含对应的键，方法返回undefined。更多关于WeakMap内容参阅Map和WeakMap数据结构一章节。语法结构：weakmapObj.get(key)参

实际应用中经常需要获取鼠标指针的坐标，比如在浏览器客户区中的坐标，在整个文档中的坐标。随着版本的更新，实现上述类似功能越来越方便，因为JavaScript已经内置对应属性：（1）.获取鼠标指针在客户区中的坐标可以参阅JavaScriptc

has方法可以判断WeakSet对象是否具有指定元素。如果具有则返回true，否则返回false。更多关于WeakSet内容参阅Set和WeakSet数据结构一章节。语法结构：ws.has(obj);参数解析：（1）.obj：必需。要测试

forEach方法可以遍历Set对象中的每一个元素。此方法会针对集合中的每个元素执行提供的callback函数一次。更多关于Set内容参阅Set和WeakSet数据结构一章节。语法结构：mySet.forEach(callback[,t

delete方法可以移除WeakSet指定元素。如果删除成功返回true，否则返回false。更多关于WeakSet内容参阅Set和WeakSet数据结构一章节。语法结构：weaksetObj.delete(obj)参数解析：（1）.ob

delete方法从WeakMap对象中移除指定的元素。如果删除成功则返回true，否则返回false。更多关于WeakMap内容参阅Map和WeakMap数据结构一章节。语法结构：weakmapObj.delete(key)参数解析：（1

values方法可以返回Map对象值的遍历器对象。关于遍历器对象参阅JavaScriptIterator遍历器一章节。更多内容可以参阅Map和WeakMap数据结构一章节。语法结构：myMap.values()代码实例：letmap

此方法将会以插入顺序对Map对象中的每一个键值对执行一次参数提供的回调函数。更多内容可以参阅Map和WeakMap数据结构一章节。语法结构：myMap.forEach(callback[,thisArg])参数解析：（1）.callba

values方法可以返回Set对象值的遍历器对象。更多关于Set内容参阅Set和WeakSet数据结构一章节。语法结构：mySet.values();代码实例：letmySet=newSet();mySet.add("Downz

size属性返回Map对象的元素数量。更多内容可以参阅Map与WeakMap数据结构一章节。语法结构：sizeVar=mapObj.size代码实例：letmapData=newMap();mapData.set("a",

entries方法可以返回Map对象键值对的遍历器对象。返回的遍历器对象的迭代顺序与Map对象的插入顺序相同。更多关于遍历器对象内容可以参阅Iterator遍历器一章节。语法结构：myMap.entries()代码实例：letmapDa

set方法可以向Map对象添加新元素。更多内容参阅Map与WeakMap数据结构一章节。语法结构：mapObj.set(key,value)参数解析：（1）.key：必需，新元素的键。（2）.value：必需，要添加的元素的值。代码实例

keys方法可以返回一个Map对象的键的遍历器对象。关于遍历器对象可以参阅ES2015Iterator遍历器一章节。更多内容可以参阅Map与WeakMap数据结构一章节。语法结构：Map.keys()代码实例：letmapData

由于协议的安全性，再加上搜索引擎公司的推动，采用HTTPS的网站越来越多。当前网上有对HTTPS的两种阐述，一种是基于SSL，一种是基于TLS协议。那么这两种说明哪一种是正确的，下面对两者的区别进行一下说明。两种答案都正确，只是版本不同而已

此选择器可以匹配值不在指定区间的表单元素。有些表单元素可以通过min或者max设置最大值和最小值。如果值不在min与max指定的区间之内，那么此表单元素可以被选择器匹配。语法结构：E:out-of-range{Rules}浏览器支持：

此选择器可以匹配可读写元素。特别说明：此选择器仅对input和textarea表单元素有效。语法结构：E:read-write{Rules}浏览器支持：（1）.IE浏览器不支持此选择器。（2）.edge浏览器支持此选择器。（3）.谷歌

此选择器可以匹配HTML5表单验证通过的元素。通过此选择器可以给表单验证通过的元素以特别的样式设置。语法结构：E:valid{Rules}浏览器支持：（1）.IE9+浏览器支持此选择器。（2）.edge浏览器支持此选择器。（3）.谷歌

此选择器可以匹配只读表单元素，也就是具有readonly属性的元素。特别说明：此选择器不仅适用于表单元素，也可以使用其他元素，以实测为准。语法结构：E:read-only{Rules}浏览器支持：（1）.IE9+浏览器支持此选择器。（

optional翻译成汉语具有"可选"的意思。名副其实，此选择器可以匹配非必需表单元素。所谓非必需表单元素，也就是不具有required属性的表单元素。语法结构：E:optional{Rules}特别说明：E是一个选择器，匹配的必须是

此选择器可以匹配具有required属性的表单元素。也就是匹配具有必需属性的表单元素，然后设置其样式。语法结构：E:required{Rules}特别说明：E是一个选择器，匹配的必须是表单元素。浏览器支持：（1）.IE9+浏览器支持此选

validity属性是HTML5新增，从名称来看应该与表单验证相关。事实也是如此，此属性可以返回一个包含验证相关信息的ValidityState对象。HTML5为我们提供了实现简便表单验证的途径，但是简便的成本就是比较粗糙。当然，HTML5

首先说明一下，URL并不仅仅代表网址。也可以是ftp或者数据库地址等一切符合指定语法格式的地址。更多关于URL内容可以参阅URL结构分析一章节。首先介绍一下HTML5之前如何实现URL格式验证，代码实例如下：

quotes属性可能在实际项目中较少用到，因为它的功能并不是不可替代。当然也不能太绝对，也许在某些功能中能够起到比较好的效果。下面通过代码实例介绍一下它的用法，首先从其名字入手。quote翻译成汉语具有"引号"的意思，引号都是成对出现的，用

HTML5之前没有自带的进度条效果，只能通过JavaScript结合CSS模拟实现。模拟实现进度条可以参阅JavaScript动态进度条效果一章节。大家知道，版本的更新通常意味着功能的增强与便利性的提高，HTML也不例外。HTML5新增<

比较相似的概念往往难以区分，或者对它们没有足够了解的话可能出现错用的现象。标题中的三个概念无论从名称还是内容上都非常相似，由此给很多朋友带来一些困惑。本文将详细介绍一下它们之间的区别和联系，希望能够给需要的朋友来一定的帮助。一.URL：此概

理解一个属性的功能可以从其名称入手，clientX属性也不例外。此属性属于事件对象，可以在事件处理函数内部使用，更多内容参阅JavaScript事件对象一章节。clientX由client和x结合而成，client翻译成汉语具有客户区的意

JavaScript对dom操作的所有方法使用方式都是非常简单的。难点在于理解此方法具体的作用什么，如果了解它的实质，一切都会感觉那么简单。本文所要介绍的方法也是如此，看起来比较唬人，其实非常简单，尤其是结合图示介绍。此方法能够获取元素四个

has方法可以判断Map对象中是否存在指定元素。如果具有指定元素则返回true，否则返回false。更多内容参阅Map与WeakMap数据结构一章节。语法结构：myMap.has(key);参数解析：（1）.key：必需.用来检测是否存

在阅读本文之前建议阅读以下两篇文章:（1）.TypeScriptd.ts文件一章节。（2）.TypeScriptdeclare一章节。Typescript2.0之后，TypeScript将会默认查看node_modules/@ty

联合类型表示一个值可以是几种数据类型中的某一种。类型之间使用竖线"|"分隔，代码如下：letval:number|string;表示val值可以是number类型或者string类型的某一种。再来看一段代码实例：functionte

delete方法可以从Map对象中删除指定元素，移除成功则返回true，否则返回false。更多内容参阅Map与WeakMap数据结构一章节。语法结构：mapObj.delete(key)参数解析：（1）.必需，要移除的Map对象的键。代

clear方法可以清空Map对象中的所有元素。更多内容参阅Map与WeakMap数据结构一章节。语法结构：myMap.clear()代码实例如下：letmap=newMap();letobjKey={p:"antzone"

get方法用来获取一个Map对象中指定元素。返回一个Map对象中与指定键相关联的值，如果找不到这个键则返回undefined。更多内容参阅Map与WeakMap数据结构一章节。语法结构：mapObj.get(key);参数解析：（1）.k

图片是页面中比不可少的元素，通过图片可以让页面更加美观，也让某些功能更加醒目。本站（Downzz.com）就有大量图片的应用，否则会在一定程度上影响用户体验。应用图片简单的方式是将图片放置于服务器指定位置，然后使用路径引用。简单代码实例如下

has方法可以判断Set对象是否具有指定元素。如果有则返回true，否则返回false。更多Set内容可以参阅Set和WeakSet数据结构一章节。语法结构：mySet.has(value);参数解析：（1）.value：必需，要进行判断

delete方法可以从一个Set对象中删除指定的元素。删除成功返回true，否则返回false。更多Set内容参阅Set和WeakSet数据结构一章节。语法结构：mySet.add(value);参数解析：（1）.value：必需，要删除

size属性可以返回Set对象成员的数量。更多Set内容参阅Set和WeakSet数据结构一章节。语法结构：sizeVar=setObj.size代码实例：letset=newSet();set.add("Downzz.co

将标签的type属性值设置为datetime-local即可创建时间日期calendar控件。此calendar控件是HTML5新增。代码实例: 更新时间：2019-10-26类型：

此方法返回一个键值对的遍历器对象。关于遍历器对象参阅ES2015Iterator遍历器一章节。更多关于Set内容参阅ES2015Set和WeakSet数据结构一章节。语法结构：mySet.entries()代码实例如下：letmySe

此事件会在input单行文本域或者多行文本域内文本被选中时触发。关于事件处理函数注册可以参阅如何注册事件处理函数一章节。浏览器支持：（1）.IE9+浏览器支持此事件。（2）.edge浏览器支持此事件。（3）.谷歌浏览器支

此方法用来给一个Set对象添加指定元素，返回值是Set对象自身。更多关于Set内容参阅ES2015Set和WeakSet数据结构一章节。语法结构：mySet.add(value)参数解析：（1）.value：必需，要给Set对象添加的元素

抽象类做为其它派生类的基类使用一般不会直接被实例化。不同于接口，抽象类可以包含成员的实现细节。abstract关键字是用于定义抽象类和在抽象类内部定义抽象方法。下面看一段代码片段：abstractclassAntzone{abst

我们知道原生CSS中存在@import命令，它可以引入一个外部CSS文件。不过对于此规则我们要谨慎使用，因为效率并不高，本文不做介绍，具体参阅CSS@import一章节。SCSS也存在一个@import命令，不难猜测，它的功能也是与引入文

@mixin用法可以参阅SCSS@mixin一章节。CSSclass样式类可以参阅CSS类选择器一章节。混合器和class样式类功能非常类似，都可以组织一大段代码，也可以实现复用。但是两者还是有很大区别的，下面做一下介绍：最重要的区别

如果两个页面的主域名相同，那么只要进行如下设置即可实现跨域访问LocalStorage：document.domain=softwhy.com;将document.domain属性值设置为根域名。关于document.domain参阅J

AJAX异步请求受到同源策略的约束，当前有三种方式可以解决此问题。一.JSONP：关于JSONP的详细介绍参阅JSONP用法详解一章节。二.CORS：CORS是W3C标准，是跨源AJAX请求的最佳解决方案。JSONP只能发GET请求，COR

模板字面量前面可以带有标签，此标签通常是一个函数。String.raw()就是JavaScript内置的标签函数，本文将结合代码实例对其进行详细分析。关于模板字面量标签更多内容可以参阅JavaScript模板字面量标签一章节。一.用作模板

事件名称是一个合成词，由如下两个单词构成：（1）.mouse：翻译成汉语具有"鼠标"的意思。（2）.leave：翻译成汉语具有"离开"的意思。顾名思义，此事件是在当鼠标指针离开指定元素的时候触发，与mouseenter事件对应。关于如何注册

当鼠标指针离开指定元素时触发mouseout事件，事件名称也体现了其功能。此事件与mouseover事件相对应，一个是指针离开元素时触发，一个是指针进入元素时触发。不仅mouseout事件可以表示鼠标指针离开指定元素，mouseleave

记忆与理解此方法可以从其名字收入，padEnd由如下两个单词合成：（1）.pad：翻译成汉语具有"填塞"的意思。（2）.end：翻译成汉语具有"尾部"的意思。标准对于此方法的定义是，在字符串的结尾填充指定字符，最终达到指定长度，功能恰如起名

此方法可以对URI进行编码，并返回编码后的字符串，与encodeURI方法类似，区别也很明显。从方法名称大致猜测出两者的主要区别在哪，本文所要介绍的方法针对URI局部区域编码。而encodeURI则是针对整个URI进行编码，关于两个方法的更

此方法可以对URI进行编码，并返回编码后的字符串，通常为网址进行编码。特别说明：之前通常称网址为URL，当前统一称作为URI，参阅URI、URL与URN一章节。如果要深刻的理解此方法，需要掌握如下几个知识点：（1）.方法对URI哪部分进行编

without和with通常和@at-root配合使用。关于@at-root的用法可以参阅scss@at-root一章节。默认@at-root只会跳出选择器嵌套，而不能跳出@media或@support指令。如果要跳出这两种指令，则需使用

此属性返回样式表对象所在的DOM节点。返回值通常是或，由其他样式表引用的样式表，该属性返回值为null。语法结构：dom=stylesheet.ownerNode浏览器支持：（1）.IE浏览器支持此属性。（2）

此事件属性可以判断当前事件是否是冒泡类型关于这两种类型事件可以参阅如下两篇文章：（1）.JavaScript事件冒泡一章节。（2）.JavaScript事件捕获一章节。此属性返回一个布尔值，true表示冒泡类型，false表示非冒泡类型

此方法规定指定请求的某个http头。更多关于XMLHttpRequest对象内容可以参阅ajaxXMLHttpRequest一章节。语法结构:XMLHttpRequest.setRequestHeader(strHeader,strVa

此属性可以返回浏览器历史列表中的URL数量。更多关于history对象内容参阅JavaScripthistory对象一章节。语法结构:history.length浏览器支持:（1）.IE浏览器支持此属性。（2）.edge浏览器支持此属性

如果学习过JavaScript，那么就很好理解scss中的list。scss中的list类似于JavaScript数组，下面就介绍一下list列表的用法。$list:();上面的代码创建一个空的列表。列表分隔符:$list-space:

当鼠标指针进入指定元素时触发mouseenter事件。需要说明一点，不一定非得是鼠标设备，也可能是其他设备，最为常见的当然是鼠标。关于事件处理函数注册，可以参阅如何注册事件处理函数一章节。此事件的功能从它的名称也可以猜测出来，它的名称有两个

此方法可对encodeURIComponent方法编码的URI进行解码。此方法属于Global全局对象，更多内容参阅JavaScriptGlobal对象一章节。语法结构：decodeURIComponent(URIstring)参数解析

decodeURI方法可以解码经过encodeURI方法编码过的URI，并返回解码后的字符串。此方法属于Global全局对象，更多内容参阅JavaScriptGlobal对象一章节。语法结构：decodeURI(URIstring)参数

事件名称animationIteration是一个合成词，有如下两个单词构成：（1）.animation：翻译成汉语具有动画的意思。（2）.iteration：翻译成汉语具有重复的意思。由此可以有有理由猜测，此事件与animation动画的

是HTML5新增，目的是提高HTML布局的语义化功能。HTML布局语义化概念参阅HMTL语义化布局概述一章节。代表“网页”或“section”的页眉。通常包含h1-h6标签或，作为整个页面或

@each和@for指令类似，同样可以用于循环输出。但是@each指令一般用于对于list或者map的遍历输出。相关阅读:（1）.list可以参阅scsslist列表一章节。（2）.map可以参阅scssmap对象一章节。代码实例如下:

语义化布局不但能够提高代码的可读性，对于搜索引擎优化也有助益。HTML5对语义化布局进行了加强，本文所要介绍的标签就是HTML5新增。关于语义化布局更多内容参阅HMTL语义化布局一章节。标签用于定义页面的主要导航部分。

CSS3之前，制作动画效果没有太好的捷径，基本要借助JavaScript。不但代码量较大，性能也不够优良，CSS3的出现使得制作动画效果更为简单且性能更好。当前，animation与transition属性可以实现动画效果，更为准确的说，t

当元素或者文档的内容超过其width或者height时，会在横向或者纵向出现滚动条。这时可以使用鼠标拖动滚动条调整位置，在触屏移动端则可以使用手指拖动调整位置。JavaScript的scrollTo方法也也可以实现调整规定条位置的功能。语法

标签是HTML5新增，用于增强页面布局的语义化。关于语义化布局更多内容参阅HMTL语义化布局一章节。此标签用于定义文档或者章节的页脚内容，通常是地址、联系方式、版权等信息。在HTML5之前，定义页脚通常使用如下方式： 更新时间：2019-10-26类型：

此属性能够返回XMLHttpRequest对象的状态。更多关于XMLHttpRequest内容参阅AJAXXMLHttpRequest一章节。语法结构：value=XMLHttpRequest.readyState;此属性的返回值是0-4

Java或者C#等语言中，如果方法没有返回值，那么此方法的返回值类型就是Void类型。原生JavaScript并没有此类型，为了更加趋近于经典面向对象语言，TypeScript新增此类型。首先看一段代码实例：functionfunc()

从名称可以猜测，此事件与animation动画相关，事实的确如此。此事件可会在animation开始时触发，相关内容可以参阅如下两篇文章：（1）.animation动画参阅CSSanimation动画一章节。（2）.注册事件处理函数参阅

String.fromCodePoint方法可以返回Unicode码点值对应的字符，ES2015新增。与String.fromCharCode方法的功能相同，但是功能更加完善，能够识别大于0xFFFF的码值。关于String.fromCha

codePointAt方法返回字符串中指定位置字符的Unicode码点值，与charCodeAt方法功能相同。既然已经存在charCodeAt方法，为何还要创建codePointAt方法，下面首先介绍一下此原因。计划不如变化快，生活中或者工

HTML5之前，实现时间控件通常要使用JavaScript，比较困难。虽然有很多现成的插件可以使用，但总归要使用若干JavaScript和CSS代码。当前，只要将input的type属性值设置为"time"即可创建一个time控件，非常简单

此方法可以设置表单元素没有通过规则验证时的样式。Validate提供了此方法的实现，也可以自己配置，参阅jQueryValidate全局配置和实例配置一章节。语法结构：function(element,errorClass,vali

vw是Viewportswidth的缩写形式，1vw永远等于当前视口宽度的百分之一。这里的视口指的是浏览器可视区域，图示如下：代码如下：div{width:50vw;}上面代码表示div的宽度是当前视口宽度的50%。视口宽度尺寸可以通

vh是Viewportsheight的缩写形式，1vh永远等于当前视口高度的百分之一。这里的视口指的是浏览器可视区域，图示如下：代码如下：div{height:50vw;}上面代码表示div的高度是当前视口高度的50%。视口高度尺寸可

addEventListener方法可以为事件注册监听器，也就是注册事件处理函数。本文将解决如下三个问题：（1）.为什么要注册事件监听器（事件处理函数）。（2）.分解方法名称，以便加强理解与记忆。（3）.通过代码实例演示此方法的具体应用方法

Math.asinh方法返回参数的反双曲正弦。语法结构：Math.asinh(x)参数解析：（1）.x：必需，要求反双曲正弦的数字。代码实例：console.log(Math.asinh(1));console.log(Math.asin

本章节介绍一下如何实现点击按钮来添加或者删除商品的数量，并且能够自动计算商品的总价格。代码实例如下: 更新时间：2019-10-26类型：

本文将通过代码实例详细介绍一下getElementsByClassName方法的应用。class是标签最重要且最为常用的属性之一，通过此属性可以设置元素样式，JS也可以利用此属性检索元素。getElementsByClassName方法可以

掌握一个方法的功能，可以首先从它的名称入手，getElementsByTagName由四个单词合成：（1）.get：具有“获取”的意思。（2）.elements：具有“元素”的意思，是复数形式，由此可以推想此方法不止获取一个元素。（3）.b

分享一段非常实用的代码实例，它实现了网站的公告文本实现上下翻滚效果，并且在每完成一次翻滚之后都有暂停效果，代码实例如下: 更新时间：2019-10-26类型：

分享一段代码实例，它实现了点击查看详情会展开所有内容，点击收起会收缩内容的功能。特别说明：为了节省篇幅，演示的文章内容只有很少字数，大家可以自行增加测试。代码实例如下: 更新时间：2019-10-26类型：

将标签的type属性值设置为tel即可创建拨号域，HTML5新增。既然叫做拨号域，那么它主要用于填写电话号码等类似数据。首先看一段代码实例： 更新时间：2019-10-26类型：

将input元素的type属性值设置为"search"可以创建一个搜索域。搜索域是HTML5新增，IE9+和其他标准浏览器支持。从表面上看与普通文本框非常类似，且没有搜索域不影响实现搜索功能。由此很多朋友认为它可有可无，其实并非如此，任何一

通常通过标签引入外部CSS文件，其实也可以利用@import引入。如果CSS文件代码量庞大，那么可以将代码分隔，可以将功能类似的代码单独放置于一个文件中。然后再通过@import引入，不过此方式引入的一些特点可能会影响性能，所以

nextElementSibling属性返回当前节点的下一个兄弟元素节点，HTML5新增。如果不存在一个这样的元素节点，则属性返回null。考虑到低版本IE浏览器的兼容问题，很多时候，通过对nextSibling进行兼容性处理，以达到nex

CSS中，单双引号只要合理嵌套，都是合法的，本规范推荐采用双引号。一.属性选择器的值使用双引号：属性选择器中的值必须用双引号包围，代码片段如下：div[ant="mayi"]{color:red;font-size:14px;}二.背景

任何复杂的程序都是由小的元素构成，对于CSS代码也是如此。所以，良好的基础知识掌握是进阶的必由之路，不可能有其他捷径。本文将结合代码实例介绍一下CSS最基础知识，读完本文您会掌握如下内容：（1）.CSS语法结构。（2）.CSS大小写选择。（

当前，CSS算不上真正的编程语言，所以相对于真正的编程语言要简单很多。尤其CSS选择器更是简单，无非是按照简单的规则匹配对应的元素。如果勉强说哪几个选择器稍微有点难度，标题中的E:nth-last-of-type(n)算是一个，但与真正的编

返回一个布尔值标识meta键是否被按键并被保持。特别说明:很多操作系统会拦截meta键，所以不会被检测到。语法结构:event.metaKey返回值解析:（1）.返回true表示meta键按下并保持。（2）.返回false表示没有满足met

offsetWidth属性可以返回元素的偏移宽度，只读属性，不能赋值。无需纠结为什么称作偏移宽度，当然是有原因的，可能越讨论越混乱。我们只需要知道此宽度由哪些要素构成即可，可以结合offsetHeight属性一起学习。既然是偏移宽度，肯定与

初学者对于一个概念的掌握，最好从的名称入手。因为一个概念的名称在很大程度上能够提现或者反映它的功能。此方法可以停止定时器方法setTimeout的执行，现在分解一下两个方法的名称：setTimeout由如下两个单词合成：（1）.set：设置

每一个页面的头部必须要规定文档的类型，且为标准模式。这是在每一种浏览器中，尽可能得到一致表现的保证。推荐使用HTML5标准的文档类型：建议使用text/html格式的HTML，避免使用XHTML。

在页面中，推荐使用单引号，不过并不关键。只要单双引号是相互对应即可，代码如下：上面是推荐使用方式，而不是使用双引号。

E:nth-of-type(n)是伪类选择器，能够满足如下几个条件的元素：（1）.首先，必须是E类型元素，E表示选择器，并非标签类型。（2）.其次，元素必须位于父元素下同类型标签兄弟元素的第"n"位，n类型有多种。看了上述阐述，可能还有一部

nextSibling属性可以返回当前节点下一个紧邻的兄弟节点，只读属性。再来看MDN文档的阐述，此属性返回当前节点的父节点的childNodes列表中，紧邻其后的节点。上面两端文字包含了如下主要信息：（1）.当前节点与返回节点紧邻，且处于

定时器方法setInterval可以规定每隔指定时间，周期性执行回调函数。默认状态，如果不关闭浏览器，定时器方法将永远执行下去。实际项目中，更多时候会根据需要来决定定时器方法是否继续执行。此时，本文的主角clearInterval方法的功能

clientLeft属性返回指定元素客户区左部与整个元素左部之间的距离，只读属性。特别说明：返回值是一个数值，不带单位（默认单位是像素）。与此属性对应的是clientTop属性，原理一模一样，返回值是上边框的宽度。首先介绍一下元素客户区，它

掌握此属性的功能，首先可以从它的名称入手，scrollTop由scroll与top两个单词合成。scroll具有"滚动"的意思，top具有"上面"的意思，可以猜想，此属性功能与垂直方位的滚动操作有关。属性功能恰如其名，可以返回或者设置元素内

通常，DOM操作非常简单，最让人困扰的因素之一可能是名目繁多的DOM属性。不过，只要明白属性的实质，就会让人感觉原来是如此简单，下面来解析scrollHeight属性。此属性返回元素的内容高度，返回值是一个整数，默认单位是像素，只读属性。特

cookie虽然存在安全性和存储量小等诸多缺点，被很多人诟病。但是在其能力范围之内，可以很方便的完成一些工作，比如存储用户的状态，实现单点登录等。不同域之间的cookie是无法访问的，否则互联网岂不是乱套了。比如Downzz.com与百度之

JavaScript是一种应用于网络编程的脚本语言。设计的初衷是为了实现用户与页面更加人性化的交互，为页面增加简单动态效果。随着时间的推移和软硬件的进步，JavaScript用途用途越来越广泛，是设计之初梦想之所不到。可以肯定，最初Java

标题中的两个方法可以计算出指定代码执行所要花费的时间。通常用于检测JavaScript代码性能的时候使用。functiondone(){varnum=0;for(vari=0;i<100000000;i++){num++;}}co

此事件属性可返回一个布尔值，指示当事件发生时，"shift"键是否被按下并保持住。语法结构:event.shiftKey返回值解析:（1）.返回true表示"shift"键被按下并保持。（2）.返回false表示"shift"键没有被按下并

此事件属性可返回事件发生时鼠标指针相对于屏幕的水平坐标。语法结构:event.screenX浏览器支持:（1）.IE浏览器支持此属性。（2）.edge浏览器支持此属性。（3）.火狐浏览器支持此属性。（4）.Opera浏览器支持此属性。（5）

关于事件处理函数注册，可以参阅如何注册事件处理函数一章节。hashchange事件是在hash值改变时触发，那么首先解决hash是什么。可能大家知道location.hash属性，它可以设置或者获取URL的锚部分，也就是从#号开始的部分。

z-index属性用于设置position定位元素的层叠顺序。如果元素仅位于x轴与z轴构成的二维平面空间，那就不存在层叠关系。于是，此属性用于设置元素在z轴方位的层叠顺序，这也是z-index名称的由来。z-index属性对采用如下定位的

由名称可以猜测，此属性可以用于规定transform变换的类型。通过此属性可以规定指定元素的子元素的变换效果是位于3D空间，还是被平展于元素的2D空间。仅从上述概念阐述，读者可能还是不能完全理解此属性的作用，不用担心，后面有详细代码演示。特

使用、和三个标签可以定义描述列表。首先从标签的名称入手理解它们的作用：（1）.dl：英文全称是definitionlist，定义列表。（2）.dt：英文全称是definitiontitle，定义标题。（3）.dd

Math.imul方法返回两个数以32位带符号整数形式相乘的结果，是一个32位的带符号整数。语法结构：Math.imul(a,b)参数解析:（1）.a：必需，第一个数字参数。（2）.b：必需，第二个数字参数。代码实例：co

Math.cbrt方法计算一个数的立方根。语法结构：Math.cbrt(x)参数解析:（1）.x：必需，要求立方根的数字。代码实例：console.log(Math.cbrt(-1));console.log(Math.cbrt(0));

Math.atanh方法返回参数的双曲正切。语法结构:Math.atanh(x)参数解析:（1）.x:必需，要求反双曲正切的数字。代码实例：console.log(Math.atanh(-2));console.log(Math.atan

Math.log1p(x)方法返回1+x的自然对数，即Math.log(1+x)。如果x小于-1，返回NaN。语法结构：Math.log1p(x)参数解析:（1）.x:必需，数字参数。代码实例：console.log(Math

Math.cosh方法返回参数的反双曲余弦。语法结构：Math.clz32(x)参数解析:（1）.x:必需，要求反双曲余弦的数字。代码实例：console.log(Math.cosh(0));console.log(Math.cosh(1

rem是相对单位，与em非常的类似。em是相对于当前元素字体大小，比如当前div的字体大小是12px，那么1rem=12px。代码实例如下： 更新时间：2019-10-26类型：

Math.clz32方法返回一个数的32位无符号整数形式有多少个前导0。ES2015新增此方法。语法结构：Math.clz32(x)参数解析:（1）.x：必需，要求32位无符号整数形式有多少个前导0的数字。代码实例：console.log(

此属性返回一个布尔值，指示在指定的事件发生时，Alt键是否被按下并保持住。如果true，表示alt键被按下并保持住，否则返回false。语法结构:event.altKey浏览器支持:（1）.IE浏览器支持此属性。（2）.edge浏览器支持此

此事件属性可返回一个布尔值，指示当事件发生时，Ctrl键是否被按下并保持住。语法结构:event.ctrlKey返回值解析:（1）.返回true表示ctrl键被按下并且保持住。（2）.返回false表示ctrl键没有被按下或者没有保持。浏

默认状态下，在网页中右键点击网页就会弹出右键菜单。点击鼠标右键会触发contextmenu事件，通常使用此事件是用来禁用右键菜单。禁用自带右键菜单通常用于自定义右键菜单效果，否则弹出自定义右键菜单的同时弹出默认菜单。关于事件处理函数注册，可

Math.hypot方法返回所有参数的平方和的平方根。语法结构:Math.hypot([value1[,value2[,...]]])参数解析:（1）.value1,value2,...:必需，数字参数。代码实例:console.l

Math.fround方法返回一个数的单精度浮点数形式。语法结构:Math.fround(x)参数解析:（1）.x:必需，数字参数。代码实例:console.log(Math.fround(0));console.log(Math.fro

Math.expm1(x)返回值等于Math.exp(x)-1。语法结构：Math.expm1(x)参数解析:（1）.x:必需，数字参数。代码实例:console.log(Math.expm1(-1));console.log(Mat

此方法可以把数字转换为指数计数法。更多内容参阅JavaScriptNumber对象一章节。语法结构:NumberObject.toExponential(num)参数解析:num：可选，规定指数计数法中的小数位数，如果省略了该参数，将使

此方法以指定的精度返回该数值对象的字符串表示。根据参数和数字整数部分位数的关系，作用会有所区别，下面将通过实例做一下介绍。更多内容参阅JavaScriptNumber对象一章节。语法结构:NumberObject.toPrecision

Math.round方法会对参数进行舍入操作，并返回一个整数。舍入操作并非简单的四舍五入、上舍入或者下舍入操作，规则会在后面详细介绍，并通过代码演示。特别说明：round方法是Math对象的静态方法，直接使由Math对象调用。更多Math对

vmin的值是当前vw和vh中较小的值，也就是相对于当前视口宽度和高度较小的那一个。1vmin是较小宽度或者高度值的百分一。代码如下：div{height:50vmin;}如果当前视口宽度500px，高度200px，那么以视口高度为参考，

vmax的值是当前vw和vh中较大的值，也就是相对于当前视口宽度和高度较大的那一个。1vmax是较大宽度或者高度值的百分一。代码如下：div{height:50vmax;}如果当前视口宽度500px，高度200px，那么以视口宽度为参考，

JavaScript是一门面向对象的语言，与典型面向对象语言的继承相较有其自身特点。随着版本的演化，JavaScript继承从外观上看更加趋向于典型面向对象的语言。但继承依然是基于prototype原型实现，本文将进行一下总结。关于clas

此属性可以返回指定元素的根元素，只读属性。语法结构:nodeObject.ownerDocument浏览器支持:（1）.IE浏览器支持此属性。（2）.edge浏览器支持此属性。（3）.谷歌浏览器支持此属性。（4）.火狐浏览器支持此属性。（5

super关键字是ES2015新增，是一个多面手，不同上下文扮演不同角色。可以充当的角色分别如下：（1）.父类构造函数。（2）.父类原型对象。（3）.父类。下面将通过代码实例对其所扮演的角色进行详细分析。一.父类构造函数：classF{

ES2015新增class类，使其更加接近标准面向对象语言，最起码从外观上更加相像。与之相配套，新增extends关键字用于实现继承，与标准面向对象极为相似。JavaScript实现继承的方式有多种，参阅JavaScriptclass类

textContent属性可以返回或者设置指定节点的文本内容。上述概念阐述不足以完全涵盖属性所有特点，后面通过代码实例详细介绍。此属性与innerText比较类似，但是区别也是巨大的，参阅如下两篇文章：（1）.JavaScriptinne

当前网站的功能非常强大，除了能够给浏览者展示信息之外，也可以进行交互。比如最为常见的交互操作，注册会员、跟帖留言或者文章发布等。form表单实现上述操作是最为常见方式之一，也可以使用其他方式，比如ajax等。首先看一个代码： 更新时间：2019-10-26类型：

本文不但介绍CSSfont属性的用法，也会介绍一些常用设置字体样式的属性。一.非font相关属性：（1）.color属性设置字体颜色：color:#ccc;上述代码可以将字体颜色设置为#ccc。属性值可以CSS种任意合法的颜色表示法，具体

dataset属性用来管理HTML元素自定义属性。特别说明：仅对符合HTML5规范，通过data-*语法格式规定的自定义属性有效。关于data-*可以参阅data-*自定义属性一章节。一.HTML属性：HTML属性分为内置标准属性与自定义

getAttribute方法可以返回元素指定属性的值。如果对应的属性不存在，那么方法返回null或者空字符串""。特别说明：如果属性不存在，在当前标准浏览器返回null，比较老旧浏览器可能返回""。与此方法对应的是setAttribute，

红花也要绿叶配，不但自身要素质过硬，衬托也十分重要。大家拍照也会刻意找一个合适的背景也是同样的道理，可见背景的重要性。网页布局实际亦是如此，给元素恰当的设置背景可以有效的提高人性化程度。背景大致可以分为两类：（1）.背景颜色。（2）.背景图

如果您是一位使用典型面向对象语言进行开发的编程人员。那么对于class类的应用必定非常熟悉，比如创建对象实例，继承或者多态等等。但当您学习JavaScript时候，可能会感觉非常不适应，它的继承模型与典型面向对象语言截然不同。首先看一段代码

本章节分享一段代码实例，它实现了3D效果的图片轮播。下面就详细介绍一下它的实现过程，需要的朋友可以做一下参考。代码实例如下: 更新时间：2019-10-26类型：

E:nth-child(n)是伪类选择器，可以匹配指定类型与位置的元素。被匹配元素具有如下特点：（1）.首先，是E类型元素。（2）.其次，必须是父元素的第n个子元素。特别说明：E并不仅表示元素选择器，也可以是其他CSS选择器。语法结构：E:

E:first-child是伪类选择器，用于匹配父元素中第一位且类型为E的子元素。通常，CSS选择器都是非常容易理解的，从名称大致可以猜测功能。比如E:focus选择器匹配获取焦点的元素，出现歧义的可能性很小。但是对于E:first-chi

E:nth-last-child(n)是伪类选择器，可以匹配指定类型与位置的元素。被匹配元素具有如下特点：（1）.首先，是E类型元素。（2）.其次，必须是父元素的倒数第n个子元素。特别说明：E并不仅表示元素选择器，也可以是其他CSS选择器。

className是当前（2018-11）最为常用的属性之一。利用它可以操作DOM元素的class属性，从而实现设置元素CSS样式等功能。之所以说它是当前最为常用的属性，是因为在可以预测的将来，很有可能被classList取代。因为clas

step属性用于规定数据每一次变化的梯度，或者说数据之间的间隔值。假设step属性值为5，那么两个数据之间的差是5*N（N是整数）。通常与min以及max属性配合使用。HTML5新增此属性。如下类型的input元素具有此属性：（1）.num

我们说不要以貌取人，在人际交往中这一点非常重要。但是在编程中，建议"以貌取人"，从长相可以大致猜测功能。instanceof由单词instance与of构成，instance是实例的意思，of表示从属关系。它可以判断对象是否是指定构造函数（

此事件属性可返回一个整数，指示当事件被触发时哪个鼠标按键被点击。语法结构:event.button返回值解析:（1）.返回0表示鼠标左键被点击。（2）.返回1表示鼠标中键被点击。（3）.返回2表示鼠标右键被点击。浏览器支持:（1）.IE浏览

scrollLeft属性可以返回或者设置元素内容向左滚动的尺寸。也就是被元素左侧所遮挡的尺寸，或者说滚动条向右滚动的距离。返回或者设置的值都是数字，不能带单位，默认单位是像素。此属性相当有用，比如可以用来制作水平无缝滚动效果，后面会有简单演

clientTop属性返回元素客户区左上角与整个元素左上角的垂直尺寸。这段尺寸不包括上内边距和上外边距，那么可以得出，这段尺寸就是上边框的厚度。此属性与clientLeft属性原理一样，只是获取的尺寸的方位不同。返回值是一个数字，默认单位是

scrollWidth属性可以返回元素的内容宽度，返回一个数值（单位是像素）。现在关键问题出现了，那就是这个"内容宽度"指的元素的哪一部分。对于width属性，大家都很熟悉，它可以返回元素的宽度。但是元素可能会出现滚动条，有些尺寸会被遮挡。

E:focus是伪类选择器。可以匹配获取焦点的指定元素。语法结构：E:focus{Rules}浏览器支持：（1）.IE浏览器支持此选择器。（2）.edge浏览器支持此选择器。（3）.谷歌浏览器支持此选择器。（4）.火狐浏览器支持此选择器

E:enabled是伪类选择器。可以匹配处于可用状态的元素。语法结构：E:enabled{Rules}浏览器支持：（1）.IE9+浏览器支持此选择器。（2）.edge浏览器支持此选择器。（3）.谷歌浏览器支持此选择器。（4）.火狐浏览器

此为分组选择器，选择器之间用逗号分隔。可以同时为多个选择器设置相同的CSS样式规则。语法结构：E,F{Rules}浏览器支持：（1）.IE浏览器支持此选择器。（2）.edge浏览器支持此选择器。（3）.谷歌浏览器支持此选择器。（4）.火

将标签的type属性值设置为"color"即可创建一个拾色器。拾色器功能是HTML5新增。代码实例: 更新时间：2019-10-26类型：

当键盘按键被按下并松开时会触发此事件。关于事件处理函数注册，可以参阅如何注册事件处理函数一章节。浏览器支持:（1）.IE浏览器支持此事件。（2）.edge浏览器支持此事件。（3）.火狐浏览器支持此事件。（4）.Opera浏览器支持此事件。（

当一个按键被按下时此事件会被触发。关于事件处理函数注册，可以参阅如何注册事件处理函数一章节。浏览器支持:（1）.IE浏览器支持此事件。（2）.edge浏览器支持此事件。（3）.火狐浏览器支持此事件。（4）.Opera浏览器支持此事件。（5）

我们说JavaScript是面向对象的语言，基本做到一切皆是对象。通过构造函数可以创建对象实例，代码如下：functionAntzone(){//code}letant=newAntzone()上述代码通过构造函数Antzo

当鼠标指针在元素上移动就会触发此事件。关于事件处理函数注册，可以参阅如何注册事件处理函数一章节。浏览器支持:（1）.IE浏览器支持此事件。（2）.edge浏览器支持此事件。（3）.火狐浏览器支持此事件。（4）.Opera浏览器支持此事件。（

理解属性，可以从它的名称入手，在一定程度上可以体现它的功能。offsetLeft是合成词，由如下两个单词构成：（1）.offset：翻译成汉语具有偏移量的意思。（2）.left：翻译成汉语具有左侧的意思。可以猜测属性功能与元素左侧方位的偏移

offsetHeight属性返回表示元素高度（不等同于CSS的height属性）的数值，只读属性。可以结合offsetWidth属性一起学习。需要特别说明两点：（1）.返回值不带单位，默认单位值是像素（px）。（2）.此高度值与通过CSS为

Math.log10(x)返回以10为底的x的对数。如果x小于0，则返回NaN。更多Math对象内容参阅JavaScriptMath对象一章节。此方法是ES2015新增。语法结构：Math.log10(x)参数解析:（1）.x：必需，数字

Math.log2(x)返回以2为底的x的对数。如果x小于0，则返回NaN。更多Math对象内容参阅JavaScriptMath对象一章节。此方法是ES2015新增。语法结构：Math.log2(x)参数解析:（1）.x:必需，参数数字。

Math.sign方法用来判断一个数到底是正数、负数、还是零。计算结果有如下几种情况：（1）.如果参数为正数，返回1。（2）.如果参数为负数，返回-1。（3）.如果参数为0，返回0。（4）.如果参数为-0，返回-0。（5）.如果其他值，返回

返回参数的双曲正弦。更多Math对象内容参阅JavaScriptMath对象一章节。此方法是ES2015新增。语法结构：Math.sinh(x)参数解析:（1）.x:必需，参数数字。代码实例：console.log(Math.sinh(0

返回参数的双曲正切。更多Math对象内容参阅JavaScriptMath对象一章节。此方法是ES2015新增。语法结构：Math.tanh(x)参数解析:（1）.x：必需，参数数字。代码实例:console.log(Math.tanh

标签可以创建一个输出域，专用于显示各种值。此标签是HTML5新增。代码实例如下： 更新时间：2019-10-26类型：

E:last-child是伪类选择器，匹配父元素下处于最后一位，且类型为E的子元素。被匹配的元素具有如下几个特点：（1）.首先，被匹配元素是E类型。（2）.其次，必须是父元素的最后一个子元素。特别说明：E并不仅表示元素选择器，也可以是其他C

call方法可以改变其他方法（函数）的调用对象，方法内的this也会指向新的调用对象。此方法与apply方法功能类似，具体参阅JavaScriptapply()一章节。特别说明：apply对箭头函数无效。语法结构：fn.call(this

通过鼠标拖动方式设置值是很方便的操作。将input的type属性值设置为"range"即可创建具有上述功能的控件。此控件是HTML5新增。代码实例如下： 更新时间：2019-10-26类型：

bind方法可以创建与原来函数主体完全一致的新函数。新函数也称作绑定函数，既然被称作绑定函数，自然会向其绑定一些新内容，后面会介绍。此方法是ES5新增。语法结构：fun.bind(thisArg[,arg1[,arg2[,...]]]

E:first-of-type是伪类选择器，匹配父元素下E类型子元素集合中，处于同标签类型第一位的元素。概念分解如下：（1）.首先，元素必须是E类型，E是CSS选择器。（2）.其次，元素必须处于同标签类型元素集合的第一位。特别说明：注意子元

toggle()是HTML5新增，本文将通过代码实例分步详细介绍一下它的用法。此方法属于DOMTokenList类型集合对象，用于切换class样式类的删除与添加。元素的classList属性返回值即是DOMTokenList类型。关于

querySelectorAll方法可以获取与指定选择器匹配的所有元素的集合。如果没有匹配到任何元素，返回null。此方法的工作原理与querySelector几乎完全一样。区别是querySelector获取选择器匹配的第一个元素，而qu

此方法加载浏览历史列表中的指定页面。笔者当年刚接触web的时候，对于此方法并没有真正的理解。只知道history.go(-1)可以返回前一个页面，history.go(1)进入下一个页面。首先解释一下浏览历史记录，当浏览页面的时候，如果没特

classList属性可以获取应用于指定元素上的样式类集合。通过HTML元素的class属性为其设置样式类。此属性是HTML5新增。代码片段如下：Downzz.comclassList属性可以获取c

class属性可以为元素应用一个或者多个CSS样式类。利用此属性可以与指定的CSS样式类关联起来，以此达到设置元素样式的功能。关于CSS类选择器可以参阅CSSclass类选择器一章节。JavaScript也经常操作HTML元素的clas

当按键被松开时触发此事件。关于事件处理函数注册，可以参阅如何注册事件处理函数一章节。浏览器支持：（1）.IE浏览器支持此事件。（2）.edge浏览器支持此事件。（3）.火狐浏览器支持此事件。（4）.Opera浏览器支持此事件。（5）.谷歌浏

E:link是伪类选择器，可以匹配未访问过的链接。更多内容可以参阅CSS链接一章节。语法结构：E:link{Rules}浏览器支持:（1）.IE浏览器支持此选择器。（2）.edge浏览器支持此选择器。（3）.谷歌浏览器支持此选择

此事件会在、和等元素的值发生改变时触发。需要注意的是，此事件会在值改变的时候同步触发，功能与propertychange事件类似。但是propertychange事件仅低版本IE浏览器支持，

此方法可以将参数转换为对应的布尔值，属于全局对象返回值是true或者false。只要参数不为0，false，undefined，null或者NaN，返回值都为true。更多内容参阅JavaScriptGlobal对象一章节。语法结构：B

escape方法可对字符串进行编码，于是就可以在所有的计算机上读取该字符串。此方法不会对ASCII字母和数字进行编码，也不会对后面这些ASCII符号进行编码：*@-_+./。其他所有字符都会被转义序列替换。特别说明：此方法

此方法可以解析一个字符串，并返回一个浮点数。parseFloat方法属于全局对象，所以无需使用对象调用。转换需要遵循一定的规则，规则如下：（1）.如果字符串不包含数数字，转换失败，返回NaN。（2）.如果字符串的起始字符为非数字，转换失败，

此方法可以解码通过escape编码后的字符串。解码原理如下：在字符串中查找%xx和%uxxxx形式的序列，然后将其替换为\u00xx和\uxxxx形式的unicode字符。escape参阅JavaScriptescape()一章节。

JavaScript操作DOM元素的首要工作是查找对应DOM元素。考虑到浏览器兼容性，过去常用的方法有如下几个：（1）.document.getElementById()一章节。（2）.document.getElementsByName(

假设A国与B国相邻，中间有一条边境线。当某人从A国跨过国境线进入B国，那么两个国家就产生了关联。不同角度可以有不同的理解，例如以下两种阐述：（1）.以A国角度看，此人进入B国。（2）.以B国角度看，此人来自A国。对于JavaScript中的

getPropertyValue由三个单词构成：（1）.get：获取。（2）.property：属性。（3）.value：值。功能的确也名副其实，此方法可以获取指定属性的值。语法结构：letvalue=CSSStyleDeclarat

RegExp.lastparen属性可以返回最近一次与引用型分组匹配的字符串。它是只读属性，不能手动赋值，但在匹配改变时，值自动改变。特别说明：（1）.lastparen是静态属性，也就是调用者是类本身（构造函数）。（2）.$+是其别名，

RegExp.lastMatch属性可以返回最近一次与整个正则表达式匹配的字符串。它是只读属性，不能手动赋值，但在匹配改变时，值自动改变。特别说明：（1）.lastMatch是静态属性，也就是调用者是类本身（构造函数）。（2）.$&是其别名

E:only-child是伪类选择器，匹配父元素仅有，且类型为E的子元素。语法结构：E:only-child{Rules}参数解析：（1）.E：CSS选择器。（2）.Rules：CSS具体规则声明。浏览器支持:（1）.IE9+浏览器支持

change具有改变的意思，change事件会在元素数据发生变化的时候触发。下面需要解决两个问题：（1）.事件针对哪些元素有效。（2）.哪些方式改变数据会触发此事件。关于事件处理函数注册，可以参阅如何注册事件处理函数一章节。浏览器支持:（1

编程中，很多概念虽然编写者已经在使用，但自己并没有意识到。生活中也有很多类似的例子，比如著名的苹果落地现象。很少人去思考原因，因为大家会觉得这是理所当然的事情。学过相关物理知识之后，才知道是万有引力原因导致。下面进入本文的主题，首先看一段代

此方法可以阻止事件的默认动作，它的名称也体现了这一点。preventDefault由prevent和default合成，prevent表示"阻止"，default则表示"缺省"或"默认"。默认动作，就是一个事件触发后浏览器默认动作行为。比如

表单中提交按钮被点击会触发submit事件。关于事件处理函数注册，可以参阅如何注册事件处理函数一章节。由于表单提交是最为频繁的页面操作之一，且submit事件有一些细节需要特别注意。下面将通过代码实例进行一下详细介绍。浏览器支持:（1）.I

E:only-of-type是一个伪类选择器。此选择器可以匹配父元素下唯一存在的E类型子元素。上述概念陈述有点拗口，分解如下：（1）.首先，要匹配的元素必须是E类型。（2）.其次，此E类型元素必须在父元素下只能存在一个。语法结构：E:on

E:empty是一个伪类选择器。它可以匹配内容为空的E类型元素。语法结构：E:empty{Rules}浏览器支持:（1）.IE9+浏览器支持此选择器。（2）.edge浏览器支持此选择器。（3）.谷歌浏览器支持此选择器。（4）.火狐浏览器

E:not()是一个伪类选择器。接受一个选择器参数，能够从E匹配的元素集合中删除选择器参数所匹配的元素。它不会提高选择器的优先级，与其他伪类选择器不同。关于优先级可以参阅CSS优先级一章节。语法结构：E:not(s){sRules}

E:target是一个伪类选择器。链接元素除了能够规定点击跳转的链接地址。也能创建一个锚点，代码片段你如下：Downzz.com一点击上述链接，能够将页面定位到id属性值为"antzon

E:root是一个伪类选择器。它能够匹配文档的根元素，E一般来讲就是HTML。语法结构：E:root{sRules}浏览器支持:（1）.IE浏览器支持此选择器。（2）.edge浏览器支持选择器。（3）.谷歌浏览器支持选择器。（4）.火狐

ol的英文全称是orderedlists，翻译成汉语就是有序列表的意思。顾名思义，使用标签可以创建有序列表，列表前端具有能够标明顺序的标识。利用的type属性就可以实现有序排序功能。type属性值：（1）.1表示以1,2,

函数是JavaScript中应用最为广泛的数据结构。首先看一段代码实例感受一下它的功能：functionfunc(webName,age){letstr=webName+"已经"+age+"岁了";console.log(str);}

E:last-of-type是伪类选择器，匹配父元素下，E类型、相同类型标签元素集合中最后一个子元素。概念分解如下：（1）.首先，元素必须是E类型。（2）.其次，元素必须处于同标签类型元素集合的最后一位。选择器的命名通常与其功能息息相关，选

ul的英文全称是unorderedlists，翻译成汉语就是无序列表的意思。顾名思义，通过元素可以创建无序列表。所谓无序列表，就是列表前面没有采用类似数字之类能够体现先后顺序标识。无序列表和有序列表相对应，具体参阅HTML 更新时间：2019-10-26类型：

colspan属性定义单元格应该横跨的列数。也就是在横向上打通单元格，实现单元格合并效果。代码实例如下： 更新时间：2019-10-26类型：

此方法可返回指定的数中较大的一个。如果没有参数，则返回-Infinity，如果某个参数为NaN，或是不能转换成数字的非数字值，则返回NaN。更多内容可以参阅JavaScriptMath对象一章节。语法结构：Math.max(x1...x

此方法可以创建并在表格的指定位置插入一个新行。语法结构：tableObject.insertRow(index)参数解析:（1）.tableObject：表格对象。（2）.index：可选，默认值为-1，插入行的位置，新行将会被插入到ind

headers属性规定与表格单元格相关联的一个或多个表头单元格。属性值是一个或多个表头单元格的id列表，以空格间隔。特别说明：此属性在普通的Web浏览器中没有视觉效果，但可以通过屏幕阅读器使用。代码实例如下：

此属性可以返回浏览器视口（viewport）的宽度，只读属性。如果存在垂直滚动条，那么包括滚动条所占据的宽度。视口也被称作为客户区，具体参阅浏览器客户区是哪块区域一章节。返回值是一个数字，单位是像素（px）。更多内容参阅JavaScript

为了便于理解记忆，首先看一下单词的构成：row翻译成汉语是行的意思，span具有跨度的意思。此属性属于td单元格，设置单元格纵跨的行数。代码实例如下： 更新时间：2019-10-26类型：

此伪元素选择器可以匹配被选中的文本。语法结构：E::selection{Rules}浏览器支持:（1）.IE9+浏览器支持此选选择器。（2）.edge浏览器支持此选择器。（3）.火狐浏览器支持此选择器。（4）.谷歌浏览器支持此选择器。（

此属性可以返回被敲击的按键生成的Unicode字符码。对于keydown和keyup事件，它指定了被敲击的键的虚拟键盘码。虚拟键盘码可能和使用的键盘的布局相关。语法结构:event.keyCode浏览器支持:（1）.IE浏览器支持此属性。（

此事件属性可返回数值，用以指示发生事件的日期和时间（从epoch开始的毫秒数）。epoch是一个时间参考点，是客户机启动的时间。语法结构:event.timeStamp浏览器支持:（1）.IE浏览器支持此属性。（2）.edge浏览器支持此属

首先问题是搞清楚CSSStyleDeclaration表示的是什么。它表示一个CSS规则的声明部分，代码如下：#ant{width:100px;height:100px;background-color:#ccc;}上面是一个CSS规则，

activeElement由单词active与element构成，翻译成汉语是激活元素的意思。document.activeElement具有返回当前页面激活元素的功能，只读属性。何种元素算是激活元素呢，那就是当前具有焦点的元素。语法结构：

此方法可访问历史列表中当前页面url的下一个url（如果存在的话）。与点击浏览器的前进按钮作用相同。更多内容可以参阅JavaScripthistory对象一章节。语法结构：history.forward()浏览器支持：（1）.IE浏览器

此方法可以加载浏览历史列表中，当前页面的前一个url（如果存在的话）。与点击浏览器的后退按钮作用相同。更多内容可以参阅JavaScripthistory对象一章节。语法结构：history.back()浏览器支持：（1）.IE浏览器支持

不全等运算符使用!==表示，它与全等运算符功能相反。关于全等运算符可以参阅JavaScript三个等号===全等运算符一章节。如果两个操作数不全等，则发挥true，否则返回false。文本不多做介绍，只要理解了全等运算符，那么自然明白

target属性可以返回触发事件的元素。此属性与event.currentTarget类似，更多内容可以参阅如下两篇文章：（1）.JavaScriptevent.currentTarget一章节。（2）.event.currentTarg

currentTarget属性返回当前处理该事件的元素，也就是正在执行的事件处理函数所在的元素。此属性与event.target类似，更多内容可以参阅如下两篇文章：（1）.JavaScriptevent.target一章节。（2）.eve

isPrototypeOf方法可以检测一个对象是否在另一个对象的原型链上。如果在，则返回true，否则返回false。结合此方法名称有助于理解，isPrototypeOf由如下几个单词合成：（1）.is：在疑问句大致为"是否"的意思。（2）

removeChild可以删除指定元素的子节点，由它的名称也体现了这一点。如果删除成功，则返回被删除的子节点对象，否则返回null。语法结构：fatherObj.removeChild(childrenObj)参数解析：（1）.childr

tagName属性返回元素的标签名称。返回值是大写形式。代码实例: 更新时间：2019-10-26类型：

此属性可以获取当前tr行在table表格tr行集合中的索引位置，索引值从0开始。语法结构:tablerowObject.rowIndex浏览器支持:（1）.IE浏览器支持此属性。（2）.edge浏览器支持此属性。（3）.谷歌浏览器支持此属性

人微言轻，不同身份的人受到的待遇是不同的。同样一句话，VIP人士口中说出，可能得到很好的贯彻，从普通人口中说出可能约等于pi。在CSS中同样如此，被标记为高权重的声明会盖过普通声明。!important就如同一个VIP标签，被贴上此标签CS

void运算符可以执行右侧的表达式，返回值始终为undefined。利用此运算符可以很便利的完成一些小操作，比如最为常见的取消链接跳转动作。语法结构：voidexpression参数解析：（1）.expression：一个表达式，执行此表

JavaScript中大致有两类属性：（1）.数据属性。（2）.访问器属性。在configurable、enumerable和writable一文已经对数据属性的特性做了详细介绍。本文将通过代码实例对访getset问器属性做一下详细介绍。

此属性返回当前触发事件的类型。语法结构：event.type浏览器支持:（1）.IE浏览器支持此属性。（2）.edge浏览器支持此属性。（3）.谷歌浏览器支持此属性。（4）.opera浏览器支持此属性。（5）.火狐浏览器支持此属性。（6）.

此属性返回一个字符串响应数据。更多关于XMLHttpRequest对象内容可以参阅ajaxXMLHttpRequest对象一章节。语法结构:str=XMLHttpRequest.responseText代码实例: 更新时间：2019-10-26类型：

当鼠标按键被松开时会触发此事件。关于事件处理函数注册，可以参阅如何注册事件处理函数一章节。浏览器支持:（1）.IE浏览器支持此事件。（2）.edge浏览器支持此事件。（3）.火狐浏览器支持此事件。（4）.Opera浏览器支持此事件。（5）.

当鼠标移入指定元素或者其子元素时候触发mouseover事件。此事件与mouseenter事件比较类似，两者区别参阅mouseenter与mouseover区别一章节。关于事件处理函数注册，可以参阅如何注册事件处理函数一章节。浏览器支持:（

此方法可以创建并返回此注释节点。语法结构：document.createComment(text)参数解析：（1）.text：必需，注释的文本内容。浏览器支持：（1）.IE浏览器支持此方法。（2）.edge浏览器支持此方法。（3）.谷歌浏览

SCSS中也具有Null类型，与JavaScript类似，它代表空。如果将其转换为布尔值，结果是false。由于它代表空，所以不能够使用它来进行字符串连接:null+"Downzz.com"上面类似的操作会报错。关于它的应用实例可以参阅SC

optional翻译成汉语具有"可选的"的意思。顾名思义，!optional标记前面的扩展不必须生成一个新的选择器。看一段SCSS代码片段：p{color:red;@extend.notice}由于并不存在一个名为notice的样式类，

将标签的type属性值设置为month即可创建带月calendar控件。带月calendar控件是HTML5新增。代码实例: 更新时间：2019-10-26类型：

将标签的type属性值设置为week即可创建带周calendar控件。带月calendar控件是HTML5新增。代码实例: 更新时间：2019-10-26类型：

将标签type属性值设置为"email"即可创建一个邮箱域，HTML5新增从表面看邮箱域与普通的文本域（文本框）没有区别，但是具有内在的一些规则。首先看一段代码实例：

此属性返回包含下拉列表中的所有选项的一个集合。可以使用索引访问集合中的元素（索引从0开始）。语法结构：select.options说明：select表示一个select对象。代码实例: 更新时间：2019-10-26类型：

cells可以获取表格中某一行所有单元格的集合。可以通过索引获取集合中的指定td单元格。语法结构：trObject.cells浏览器支持:（1）.IE浏览器支持此属性。（2）.edge浏览器支持此属性。（3）.谷歌浏览器支持此属性。（4）.

下面通过代码实例介绍一下如何实现对于复选框和单选按钮的一些验证。如果要求复选框和单选按钮是必选项，同样也是使用required。代码实例如下: 更新时间：2019-10-26类型：

此属性可以返回下拉列表的表单类型。下拉列表，类型总是"select-one"或"select-multiple"。如果下拉列表只能一次性选择一项那么类型值就是"select-one"，否则就是"select-multiple"。语法结构：

此方法可以从下拉列表中删除一个选项。语法结构：select.remove(index)参数解析：（1）.select：select对象。（2）.index：必需，规定要删除的选项的索引值。代码实例如下： 更新时间：2019-10-26类型：

add方法可以向下拉列表添加一个项目。语法结构：select.add(option,before)参数解析:（1）.option：必需，要添加选项元素；option或optgroup元素。（2）.before：必需，在指定项之前添加，如果该

value是可读写属性，具有如下两个功能：（1）.返回select下拉列表的值，实质就是被选中option项的value属性值。（2）.设置select下拉列表的值，能够将具有此值的option项设置为选中状态。语法结构：select.va

multiple属性可以设置或返回下拉列表是否可以选择多个项目，可读写属性。如果属性值为true，则可以选择多个项目，如果为false则不能。语法结构：select.multiple=布尔值参数解析：（1）.select：select对象。

selectedIndex是可读写属性，具有如下两个功能：（1）.返回被选中option项的索引值。（2）.将指定索引位置的option项设置为被选中状态。特别说明：索引值是从0开始的，也就是0表示第一个option项，以此类推。语法结构：

此方法可以删除table中指定的单元格。语法结构：tablerowObject.deleteCell(index)参数解析:（1）.tablerowObject：表格行对象。（2）.index：可选，表示要删除td单元格的索引位置，从0开始

当调整浏览器窗口大小时会触发此事件。关于事件处理函数注册，可以参阅如何注册事件处理函数一章节。浏览器支持:（1）.IE浏览器支持此事件。（2）.edge浏览器支持此事件。（3）.火狐浏览器支持此事件。（4）.Opera浏览器支持此事件。（5

某些时候，可能需要限制某些IP的访问，在.htaccess文件中使用如下命令即可实现:denyfrom000.000.000.000000.000.000.000是被封禁的IP地址，如果是：denyfrom218.12.30.10那

document.createAttribute方法可以创建并返回一个属性节点。通常与setAttributeNode方法配合使用。语法结构：document.createAttribute(attributename)参数解析:（1）.a

appendChild可以为指定元素在尾部追加一个子元素。语法结构:target.appendChild(newChild)参数解析:（1）.target：必需，父元素节点。（2）.newChild：必需，此元素节点将被追加到target中

此方法可以判断当前节点是否包含子节点。如果包含，则返回true，否则返回false。语法结构：element.hasChildNodes()浏览器支持:（1）.IE7+浏览器支持此方法。（2）.edge浏览器支持此方法。（3）.谷歌浏览器支

remove方法可以删除节点自身。语法结构：elementNodeReference.remove();浏览器支持:（1）.IE浏览器不支持此方法。（2）.edge浏览器支持此方法。（3）.谷歌浏览器支持此方法。（4）.opera浏览器支持

replaceChild方法可以使用一个节点替换指定子节点。返回值是被替换掉的子节点，如果替换不成功返回值是null。语法结构：nodeObject.replaceChild(new_node,old_node)参数解析:（1）.nodeO

getAttributeNode方法可以获取一个属性节点对象。语法结构：element.getAttributeNode(attributename)参数解析:（1）.element：要获取属性对象节点的元素。（2）.attributena

此方法可以判断一个元素节点是否具有指定的属性节点。如果具有则返回true，否则返回false。语法结构：domObj.hasAttribute(name)参数解析:（1）.domObj:dom元素对象。（2）.name:属性的名称。浏览器支

此属性用于设置或返回当前URL的协议。点击可查看更对Location对象的属性和方法。更多内容可以参阅JavaScriptlocation对象一章节。语法结构：location.protocol=protocol参数解析:（1）.prot

此属性可以返回指定元素的最后一个子元素节点。特别注意，元素节点与节点所涵盖的范围不同，节点包含元素节点。可以结合lastChild属性一起学习，它返回的是最后一个子节点。关于节点更多内容可以参阅JavaScriptnodeType节点类型

此属性可返回或者设置当前URL的主机名称和端口号。更多内容可以参阅JavaScriptlocation对象一章节。语法结构：location.host浏览器支持:（1）.IE浏览器支持此属性。（2）.edge浏览器支持此属性。（3）.谷歌

此方法可以创建并返回一个文本节点对象。参数解析:（1）.text：必需，规定文本节点的内容。浏览器支持：（1）.IE浏览器支持此方法。（2）.edge浏览器支持此方法。（3）.谷歌浏览器支持此方法。（4）.opera浏览器支持此方法。（5）

当鼠标按键被按下时就会触发此事件。关于事件处理函数注册，可以参阅如何注册事件处理函数一章节。浏览器支持:（1）.IE浏览器支持此事件。（2）.edge浏览器支持此事件。（3）.火狐浏览器支持此事件。（4）.Opera浏览器支持此事件。（5）

此方法可以删除表格中指定的行。语法结构：tableObject.deleteRow(index)参数解析:（1）.tableObject：要删除行的表格对象。（2）.index：必需，规定要删除行的索引位置，表格中第一行的索引值是0。浏览器

将标签的type属性值设置为file即可创建一个文件域。当使用文件域file时，form的enctype属性值必须设置为“multipart/form-data”。文件域可以实现文件的上传，比如图片、压缩包等。代码实例: 更新时间：2019-10-26类型：

将标签的type属性值设置为"image"即可创建一个图片按钮。图片按钮和submit提交按钮一样，点击可以提交表单，当然也可以作为普通按钮使用。代码实例如下: 更新时间：2019-10-26类型：

rows可以获取表格中所有行的集合。利用集合的length属性可以获取具体的行数。语法结构：tableObject.rows浏览器支持:（1）.IE浏览器支持此属性。（2）.edge浏览器支持此属性。（3）.谷歌浏览器支持此属性。（4）.o

将标签的type属性值设置为"button"即可创建一个按钮。点击按钮可以触发一个事件，通常需要结合JavaScript来对这个事件作出响应。关于JavaScript知识可以参阅JS教程板块。代码实例如下: 更新时间：2019-10-26类型：

目录化的URL据说比较有利于SEO，比如http://www.downzz.com/qiduan/。下面介绍一下如何利用Rewrite实现此功能。代码实例如下:RewriteCond$1!index\.phpRewriteRule^

Math.floor可以对一个数字进行下舍入操作。返回值是小于等于参数，并与之最接近的整数。更多Math对象内容参阅JavaScriptMath对象一章节。语法结构：Math.floor(num)参数解析:（1）.num：必需，必须是一

此方法用于设置年份，且返回值是调整过的日期的毫秒表示。更多内容可以参阅JavaScriptDate对象一章节。语法结构:dateObject.setFullYear(year,month,day)参数解析:（1）.year：必需，表示年

setTime方法以毫秒（时间戳方式）设置日期和时间。此方法返回值是毫秒参数。更多内容可以参阅JavaScriptDate对象一章节。语法结构：dateObject.setTime(millisec)参数解析:（1）.millisec：

setSeconds方法可以设置时间日期对象中的秒或者毫秒。返回值是调整过的时间日期对象中的毫秒表示。更多内容可以参阅JavaScriptDate对象一章节。语法结构：dateObj.setSeconds(secondsValue[,

getPropertyPriority是一个合成词，由get+property+priority构成。很明显意思是获取属性的优先级，由于此方法使用来操作CSS属性，自然是获取CSS属性优先级。如果指定CSS属性具有important，那么就

当指定元素对象获取焦点时，就会触发此事件。关于事件处理函数注册，可以参阅如何注册事件处理函数一章节。浏览器支持：（1）.IE浏览器支持此事件。（2）.edge浏览器支持此事件。（3）.火狐浏览器支持此事件。（4）.Opera浏览器支持此事件

此方法可以设置时间日期对象中的小时字段。并返回调整后的时间日期的时间戳。更多内容可以参阅JavaScriptDate对象一章节。语法结构：dateObject.setHours(hour,min,sec,millisec)参数解析:（1

getDate可以返回当前客户端日期表示天的数字。此数字值介于1-31之间，因为每个月最大的天数是31。更多Date对象内容参阅JavaScriptDate对象一章节。语法结构:dateObject.getDate()代码实例如下：le

在HTML中播放视频的方法有很多种；需要考虑到一定的兼容型问题。一.使用标签:此标签的作用是在HTML页面中嵌入多媒体元素。下面的HTML代码显示嵌入网页的Flash视频： 更新时间：2019-10-26类型：

nodeName属性可以返回指定节点的名称。返回值规则如下:（1）.如果是元素节点，返回对应的标签名称。（2）.如果是属性节点，返回对应的属性名称。（3）.如果是其他节点类型，返回值也会有所不同，可以自行测试。浏览器支持:（1）.IE浏览器

当指定元素失去焦点就会触发此事件，通常应用于表单元素。关于事件处理函数注册，可以参阅如何注册事件处理函数一章节。浏览器支持:（1）.IE浏览器支持此事件。（2）.edge浏览器支持此事件。（3）.火狐浏览器支持此事件。（4）.Opera浏览

元素将type属性值设置为"url"即可实现url域。代码实例如下: 更新时间：2019-10-26类型：

将标签的type属性值设置为date即可创建日期calendar控件。calendar控件是HTML5新增。代码实例:

clientY属性属于事件对象，通常与clientX属性成对使用。返回事件被触发时鼠标指针在浏览器页面（或者客户区）的垂直坐标。此属性非常简单，关键在于理解客户区是哪一部分，具体参阅浏览器客户区一章节。语法结构：event.clientY浏

Math.PI属性就是π，即圆的周长和它的直径之比。更多内容可以参阅JavaScriptMath对象一章节。语法结构：Math.PI代码实例:console.log(Math.PI)以上代码可以打印出对应的值。

将标签type设置为"password"即可实现一个密码框。密码框可以说是一种特殊的文本框，文本框中的内容是明文，而密码框输入的内容则是密文（安全措施）。代码实例如下:

返回参数的反双曲余弦。此方法是ES2015新增，更多Math对象新增特性可以参阅ES2015Math对象新增特性一章节。ES5中Math对象相关内容可以参阅JavaScriptMath对象一章节。语法结构:Math.acosh(x)参数

表单中的重置按钮被点击时触发此事件。此事件可以将表单中所有的表单元素value属性值重置为默认状态。关于事件处理函数注册，可以参阅如何注册事件处理函数一章节。浏览器支持:（1）.IE浏览器支持此事件。（2）.edge浏览器支持此事件。（3）

Math.SQRT1_2属性返回2的平方根的倒数，此值近似0.7071067811865476。更多Math对象内容参阅JavaScriptMath对象一章节。语法结构：Math.SQRT1_2实例代码:console.log(Math

此方法能够将数字进行上舍入。返回值是大于等于参数，并与之最接近的整数。更多关于Math对象内容参阅JavaScriptMath对象一章节。语法结构:Math.ceil(x)参数解析:x：必需、必须是一个数值。代码实例:console.l

此选择器匹配具有att属性，且属性值以val开头的元素E。语法结构：E[att^="val"]{Rules}浏览器支持：（1）.IE7+浏览器支持此选择器。（2）.edge浏览器支持此选择器。（3）.火狐浏览器支持此选择器。（4）.谷歌

deleteRule方法可以删除样式表中的指定规则。语法结构：stylesheet.deleteRule(index)参数解析：（1）.index：必需，被删除规则在样式表中的索引位置。关于stylesheet样式表对象可以参阅CSSSty

E::first-letter是伪对象选择器，能够匹配指定元素内第一个字符。仅作用于块元素，内联元素首先转换成块元素才能使用此选择器。CSS3将伪对象选择器前面单个冒号修改为双冒号以区别伪类选择器，但以前写法仍然有效。语法结构：E:fir

此选择器匹配具有att属性，且属性值为以val结尾的元素E。语法结构：E[att$="val"]{Rules}浏览器支持:（1）.IE7+浏览器支持此选择器。（2）.edge浏览器支持此选择器。（3）.火狐浏览器支持此选择器。（4）.谷

此属性规定使元素获得焦点的快捷键(ALT+字母或ALT+Shift+字母)。语法结构:参数解析:character:规定使元素获得焦点的便捷按键。浏览器支持:（1）.IE浏览器支

XMLHttpRequest对象用于和服务器交换数据。如果想要将请求发送到服务器，需要使用XMLHttpRequest对象的open()和send()方法。属性描述open(method,url

对象是JavaScript中最为常见的语法结构。代码实例如下：letantzone={webName:"Downzz.com",show:function(){console.log(this.webName);}}上面是一个对象直接量

此属性返回下拉列表中的选项数目。语法结构:select.length浏览器兼容:（1）.IE浏览器支持此属性。（2）.edge浏览器支持此属性。（3）.谷歌浏览器支持此属性。（4）.火狐浏览器支持此属性。（5）.Opera浏览器支持此属性。

此属性可以设置或返回下拉列表中的可见选项数目，可读写属性。语法结构:select.size浏览器兼容:（1）.IE浏览器支持此属性。（2）.edge浏览器支持此属性。（3）.谷歌浏览器支持此属性。（4）.火狐浏览器支持此属性。（5）.Ope

通过此属性可以获取指定的option选项中的文本内容，可读写属性。特别说明：此属性实质上属于option对象。语法结构：option.value浏览器兼容:（1）.IE浏览器支持此属性。（2）.edge浏览器支持此属性。（3）.谷歌浏览器支

此方法发送请求到服务器。更多关于XMLHttpRequest对象内容可以参阅ajaxXMLHttpRequest一章节。语法结构:XMLHttpRequest.send(string)参数解析:string:可选，规定发送的数据，仅用于P

此方法规定请求的类型、URL、是否应该进行异步处理，以及请求的其他可选属性。调用此方法之后，再调用send方法向服务器发送请求。更多关于XMLHttpRequest对象内容可以参阅ajaxXMLHttpRequest一章节。语法结构:X

此方法可以取消当前的请求。更多关于XMLHttpRequest对象内容可以参阅ajaxXMLHttpRequest一章节。语法结构:XMLHttpRequest.abort()代码实例:<

此属性规定元素的唯一标识。id属性值在同一个文档中是唯一的，否则可能会出现问题。语法结构：参数解析:（1）.value:元素id属性值，唯一的。浏览器支持:（1）.IE浏览器支持此属性。（2）.edg

此属性规定元素内容的文本方向。语法结构:参数解析:（1）.ltr:默认，从左向右的文本方向。（2）.rtl:从右向左的文本方向。浏览器支持:（1）.IE浏览器支持此属性。（2）.edge浏览器支

finite翻译成汉语是有限的或者有穷的意思。那么isFinite就有判断是否是有限或者是否有穷的意思。恰如其名，isFinite方法可以判断参数是否是有穷的（非无穷大）。更多全局对象可以参阅JavaScriptGlobal对象一章节。

isNaN方法可以检测其参数是否为非数值类型。NaN是notanumber的缩写形式。如果参数是NaN或者非数字，此方法返回true，否则返回false。更多全局对象可以参阅JavaScriptGlobal对象一章节。特别说明：ES

insertRule方法可以在样式表中插入新的规则。语法结构：stylesheet.insertRule(rule,index)参数解析：（1）.stylesheet：样式表对象，将新规则插入到对应的样式表中。（2）.rule：必需，要插

apply可以修改指定函数的调用对象，函数中的this也会指向新的调用对象。恰当的使用apply可以让繁琐的操作变得更为简单。特别说明：apply对箭头函数无效。语法结构：function.apply(newObj[,argsArray]

JavaScript有两个布尔类型的值，分别是true和false。它们是值类型数据，但是可以通过构造函数构建它们对应的Boolean对象。语法结构：newBoolean(value)参数解析：（1）.value：可选，如果省略，或者参数

nodeValue属性可以返回或者设置指定节点的值。节点值根据节点类型的不同而有所不同：（1）.文本节点：nodeValue属性值就是文本节点的内容。（2）.属性节点：nodeValue属性值就是属性节点的值。（3）.文档节点和元素节点：n

insert具有插入的意思，before具有前面的意思。那么有理由猜测，此方法的功能是在某个事物的前面插入另一个事物。事实的确如此，此方法可以在指定子节点的前面插入一个新的节点。语法结构：target.insertBefore(newChi

从运算符名称可以猜想到，它可以删除一些东西。下面通过代码实例介绍一下此运算符能删除何种东西，有什么限制。一.基本介绍：此运算符通常用于删除对象的属性，也可以在满足一定条件下删除变量。下面分别通过代码实例做一下介绍。（1）.运算符可以删除对象

reload翻译成汉语具有重新加载的意思。location.reload方法可以重新加载当前页面。更多内容可以参阅JavaScriptlocation对象一章节。语法结构：location.reload(boolean)参数解析：（1）

此方法可以加载一个新的文档。更多内容可以参阅JavaScriptlocation对象一章节。语法结构:location.assign(URL)参数解析:URL：必需，要加载文档的URL地址。浏览器支持:（1）.IE浏览器支持此方法。（2

constructor翻译成汉语是构造器意思，有图为证：默认，对象实例的constructor属性指向创建此实例的构造器。更多情况下，我们称构造器为构造函数。代码实例如下：functionAntzone(){//code}let

此属性可以设置或者返回URL的路径部分。使用此属性可以设置URL的路径部分，并且加载新设置URL文档的内容。更多内容可以参阅JavaScriptlocation对象一章节。语法结构:location.pathname=path参数解析:

此属性可以返回当前URL的主机名。更多内容可以参阅JavaScriptlocation对象一章节。语法结构:location.hostname浏览器支持:（1）.IE浏览器支持此属性。（2）.edge浏览器支持此属性。（3）.谷歌浏览器

超链接是网页的核心内容之一。通过超链接可以实现站内页面或者站际页面之间的跳转。没有超链接的网站的可用性必然具有很大的局限性。使用元素可创建一个超链接，代码如下：Downz

此属性可以获取指定元素的所有直接子节点。所谓直接子节点就是第一级子节点，再深层次的后代节点不包括在内。childNodes属性的功能与children属性类似，异同点总结如下：（1）.children非W3C标准属性。（2）.childNo

此属性可以返回或者设置当前文档的完整URL。使用此属性设置当前的URL，浏览器会加载此新URL的内容。更多内容可以参阅JavaScriptlocation对象一章节。语法结构:location.href=URL参数解析:URL：可选，规

此属性可以设置或者返回当前URL的端口号。绝大多数URL是80端口，此端口默认可以省略，所以绝大多数情况在网址上都看不到端口。关于location对象更多内容可以参阅JavaScriptlocation对象一章节。语法结构一：locat

此选择器可以匹配具有att属性的元素，进而设置它们的样式。语法结构：E[att]{Rules}浏览器支持:（1）.IE7+浏览器支持此选择器。（2）.edge浏览器支持此选择器。（3）.火狐浏览器支持此选择器。（4）.谷歌浏览器支持此选

此方法可以用指定的尺寸来调整窗口的大小，单位是像素（px），属于window对象。采用相对于窗口当前大小来调整该窗口的大小，要以绝对大小方式调整窗口的大小，可使用resizeTo()。特别说明:凡是属于window对象的方法都可以直接使用，

此选择器可以匹配被激活的元素。所谓的激活，就是鼠标放置于指定元素，并且鼠标键按下且没有松开的这段时间。通常此选择器用于链接与按钮元素。更多内容可以参阅CSS链接一章节。语法结构：E:active{Rules}浏览器支持:（1）.IE浏

此伪类选择器可以匹配被访问过的超链接。被访问过的超链接通俗的讲就是点击过的链接。更多内容可以参阅CSS链接一章节。语法结构：E:visited{Rules}浏览器支持：（1）.IE浏览器支持此选择器。（2）.edge浏览器支持此选择器

类选择器在CSS代码中使用点（.）来规定。代码如下：.fontcolor{color:red;}上面代码中，.fontcolor就是一个类选择器，前面以点起始。它可以匹配class属性值包含"fontcolor"的元素，进而设置它的字体颜色