sinat_30511235-CSDN博客

转载常用的 DOCTYPE 声明

HTML 5HTML 4.01 Strict该 DTD 包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。HTML 4.01 Transitional该 DTD 包含所有 HTML 元素和属性，包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。<!DOCTYP

2016-09-27 15:22:21 258

原创【整理】JQ样式篇——属性与样式

一、.attr()与.removeAttr()每个元素都有一个或者多个特性，这些特性的用途就是给出相应元素或者其内容的附加信息。（如：在img元素中，src就是元素的特性，用来标记图片的地址。）操作特性的DOM方法主要有3个，getAttribute方法、setAttribute方法和removeAttribute方法，而在jQuery中用一个attr()与removeAttr()

2016-09-06 13:57:38 929

原创【整理】特殊选择器this

特殊选择器this$(this)和this的区别:this是JavaScript中的关键字，指的是当前的上下文对象，简单的说就是方法/属性的所有者下面例子中，imooc是一个对象，拥有name属性与getName方法,在getName中this指向了所属的对象imoocvar imooc = { name:"慕课网", getName:function(){

2016-08-19 17:06:33 315

原创【整理】JQ样式篇——筛选选择器

基本筛选选择器筛选选择器的用法与CSS中的伪元素相似，选择器用冒号“：”开头，通过一个列表，看看基本筛选器的描述：注意事项：:eq(), :lt(), :gt(), :even, :odd 用来筛选他们前面的匹配表达式的集合元素，根据之前匹配的元素在进一步筛选，注意jQuery合集都是从0开始索引gt是一个段落筛选，从指定索引的下一个开始，gt(1) 实际从2开始

2016-08-19 16:33:58 2939

原创【整理】JQ样式篇——选择器

id选择器id选择器：一个用来查找的ID，即元素的id属性$( "#id" )id选择器也是基本的选择器，jQuery内部使用JavaScript函数document.getElementById()来处理ID的获取。原生语法的支持总是非常高效的，所以在操作DOM的获取上，如果能采用id的话尽然考虑用这个选择器值得注意： id是唯一的，每个id值在一个页面中只能使

2016-08-10 16:04:34 923

原创【整理】JQ样式篇——初识JQ

环境的搭建 jQuery 只是一个库，不需要特别的安装，只需要我们在页面标签内中通过 script 标签脚本引入 jQuery 库即可。环境搭建 alert($) alert 弹出以上信息，说明环境已经搭建成功了。 $(document).ready 的意思是等页面的文档（document）中的节点都加载完毕后，在执

2016-08-08 17:46:52 288

原创【整理】domReady

浏览器通过渲染引擎将html解析为dom节点页面上所有html都转换为节点以后叫做dom树构建完毕，简称dom ready渲染引擎职责将请求的内容显示到浏览器屏幕上，默认情况下，可以显示html、xml、图片，通过插件扩展可以显示其他类型的文档

2016-08-01 21:32:30 202

原创【整理】JS中的循环

JavaScript 支持不同类型的循环：for - 循环代码块一定的次数for/in - 循环遍历对象的属性while - 当指定的条件为 true 时循环指定的代码块do/while - 同样当指定的条件为 true 时循环指定的代码块For 循环for 循环是您在希望创建循环时常会用到的工具。下面是 for 循环的语法：for (语句 1; 语句 2; 语

2016-08-01 16:11:23 356

原创【整理】DOM（未完）

BOM:描述了与浏览器进行交互的方法和接口，如浏览器窗口、浏览器导航对象、浏览器分辨率、历史记录、cookie等等。DOM：处理HTML文档，述了处理网页内容的方法和接口。ECMAScript:一种js标准。

2016-07-31 16:51:15 221

转载【整理】getElementByID,getElementsByName,getElemtsByTagName的区别

以人来举例说明，人有能标识身份的身份证，有姓名，有类别(大人、小孩、老人)等。1. ID 是一个人的身份证号码，是唯一的。所以通过getElementById获取的是指定的一个人。2. Name 是他的名字，可以重复。所以通过getElementsByName获取名字相同的人集合。3. TagName可看似某类，getElementsByTagName获取相同类的人集合。如获取小孩这类

2016-07-30 20:39:15 1156

原创【整理】JS中getElementsByName()方法

getElementsByName()方法：返回带有指定名称的节点对象的集合。语法：document.getElementsByName(name)与getElementById() 方法不同的是，通过元素的 name 属性查询元素，而不是通过 id 属性。注意:1. 因为文档中的 name 属性可能不唯一，所有 getElementsByName() 方法返回

2016-07-30 20:24:09 2284

转载【整理】div与span的区别

div：指定渲染HTML的容器span：指定内嵌文本容器通俗地讲就是如果里面还有其他标签的时候就用div，如果里面只有文本就应该用spandiv是一个块级元素，用来为HTML文档内大块的内容提供结构和背景span是行内元素，在行内定义一个区域（也就是一行内可以被划分好几个区域）div标签中可以镶嵌span标签，（div可以看做是一个大容器，span是一个小容器，大容器当然可以放

2016-07-28 20:54:42 229

原创【整理】JS中的userAgent

返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串)语法navigator.userAgent几种浏览的user_agent.，像360的兼容模式用的是IE、极速模式用的是chrom的内核。代码如下： function validB(){ var u_agent =navigator.userAgent ; var B

2016-07-28 16:21:14 1324

原创【整理】JS中的Navigator对象

Navigator 对象包含有关浏览器的信息，通常用于检测浏览器与操作系统的版本。对象属性:使用Navigator对象，查看浏览器相关信息，代码如下：无标题文档 var browser = navigator.appName; var version = navigator.appV

2016-07-28 15:48:24 401

原创【整理】JS中的Location对象

location用于获取或设置窗体的URL，并且可以用于解析URL。语法:location.[属性|方法]location对象属性图示:location 对象属性：location 对象方法:

2016-07-28 15:39:08 228

原创【整理】JS中的History对象

history对象记录了用户曾经浏览过的页面(URL)，并可以实现浏览器前进与后退相似导航的功能。注意:从窗口被打开的那一刻开始记录，每个浏览器窗口、每个标签页乃至每个框架，都有自己的history对象与特定的window对象关联。语法：window.history.[属性|方法]注意：window可以省略。History 对象属性History 对象方法使用l

2016-07-28 14:44:38 563

原创【整理】HTML5全局属性

1. data-yourvalue（横杠后面是你要定义的属性）:自定义数据属性2. hidden：可以对标签内容隐藏（代替CSS中输入的display：none）3. spellcheck：对输入内容进行语法标错（下面出现红色波浪线）4. tabindex：通过设定值，按下tab后，按照标注的顺序进行切换5.contenteditable：这部分页面内容可以编辑：可以配

2016-07-27 17:10:22 334

原创【整理】HTML5中部分新属性

html：manifest="cache.manifest"（定义页面需要应用文件是哪一个）；meta：charset="utf-8"（规定字符及）；link：size="16x16"（设置图标大小）；base：torget="_blank"（超链接打开方式）；script：defer和async（加载方式）：defer src=""（加载后不执行，页面加载完毕后，在执行）

2016-07-27 15:49:07 379

原创【整理】HTML5中部分新标签

section标签：表示页面中的一个内容区块，比如章节、页眉、页脚或页面的其他部份。可以和h1、h2…等标签结合起来使用，表示文文件结构。html5中...html4中...article标签：表示页面中一块与上下文不相关的独立内容。例如一篇文章。aside标签：表示article标签内容之外的。与article标签内容的辅助信息。header标

2016-07-27 15:45:00 661

原创【整理】HTML5中为地址栏添加Logo

预先制作一个图标文件，大小为16*16像素。文件扩展名为ico，然后上传到相应目录中。如果用户使用IE5或以上版本浏览时，只需将图片上传到网站根目录下，存为favicon.ico，即可自动识别。

2016-07-27 15:33:51 3545

原创【整理】计时器setInterval

计时器setInterval()在执行时,从载入页面后每隔指定的时间执行代码。语法:setInterval(代码,交互时间);参数说明：1. 代码：要调用的函数或要执行的代码串。2. 交互时间：周期性执行或调用表达式之间的时间间隔，以毫秒计（1s=1000ms）。返回值:一个可以传递给 clearInterval() 从而取消对"代码"的周期性执行的值。调用函数

2016-07-26 16:28:14 187

原创【整理】bootstrap基础

1.Bootstrap中的js插件依赖于jQuery,因此jQuery要在Bootstrap之前引用 2.不支持IE的兼容模式，因此要加上这句： IE 运行最新的渲染模式3.我们平时使用的移动浏览器，是把页面放在一个虚拟的市口，也就是viewport中，通常这个虚拟的市口比屏幕宽，这样就不必把每个网页挤在一个很小的市口中，但是这样会破坏没有针对移动浏览器优化的网页布局，用户

2016-07-21 16:50:19 388

转载 <meta http-equiv="X-UA-Compatible" content="IE=edge">的说明

X-UA-Compatible是针对ie8新加的一个设置，对于ie8之外的浏览器是不识别的，这个区别与content="IE=7"在无论页面是否包含指令，都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7"模式遵循指令。对于多数网站来说，它是首选的兼容性模式。目前IE8尚在测试版中，所以为了避免制作出的页面在IE8

2016-07-21 16:30:04 230

原创导航条菜单制作总结

1.无序列表构建菜单：新闻娱乐2.垂直菜单转变为水平菜单：float:left；3、在制作圆角菜单时，背景图片贴在标签上； -------> background-position4、在制作改变高度的伸缩菜单时，实现高度向上延伸的技巧： ----> margin-top用负值；

2016-07-20 17:07:52 397

sinat_30511235的博客