随笔分类 - HTML,JS,CSS
摘要：一、循环的适用场景（建议） for : 比较适合遍历数组,字符串等等。 for in : 比较适合遍历对象，遍历对象时使用这个再合适不过。 while : while 与 for 的使用场景差不多。 do while : 至少执行一边的循环，遍历数组和字符串也很方便。 二、while遍历数组需要注意
阅读全文
摘要：一、JavaScript for/in 语句循环遍历对象的属性 var person={fname:"Bill",lname:"Gates",age:56}; var txt = ""; // x 为属性名 for (x in person) { txt = txt + person[x]; } c
阅读全文
摘要：你可以使用 typeof 操作符来检测变量的数据类型。 一、typeof示范代码 typeof "John" // 返回 string typeof 3.14 // 返回 number typeof false // 返回 boolean typeof [1,2,3,4] // 返回 object
阅读全文
摘要：ES2015(ES6) 新增加了两个重要的 JavaScript 关键字: let 和 const。 let 声明的变量只在 let 命令所在的代码块内有效。const 声明一个只读的常量，一旦声明，常量的值就不能改变。 一、使用 var 关键字声明的变量不具备块级作用域的特性，它在 {} 外依然能
阅读全文
摘要：一、参考如下代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> </head> <body> <!-- <header>元素主要用于定义内容的介绍展示区域.!--> <article> <header> <h1>Internet Expl
阅读全文
摘要：一、<form> / <input> autocomplete 属性 autocomplete 属性规定 form 或 input 域应该拥有自动完成功能。 <form action="demo-form.php" autocomplete="on"> First name:<input type=
阅读全文
摘要：HTML5 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。 color date datetime datetime-local email month number range search tel time url week 一、示范代码 <!DOCTYPE html> <ht
阅读全文
摘要：拖放是一种常见的特性，即抓取对象以后拖到另一个位置。在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。 一、参考如下代码 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>拖放操作</title> <style type
阅读全文
摘要：HTML5 有以下新的表单元素: <datalist> <keygen> <output> 一、参考如下代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <input li
阅读全文
摘要：HTML5 Geolocation（地理定位）用于定位用户的位置。鉴于该特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的。 一、示范代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <!
阅读全文
摘要：HTML5 <canvas> 标签用于绘制图像（通过脚本，通常是 JavaScript）。<canvas> 元素本身并没有绘制能力（它仅仅是图形的容器） ，你必须使用脚本来完成实际的绘图任务。 getContext() 方法可返回一个对象，该对象提供了用于在画布上绘图的方法和属性。 一、参考如下代码
阅读全文
摘要：文档对象模型文档对象模型(Doucment Object Model,DOM)是表示文档(如HTML文档、XML文档)和访问、操作构成文档的各种元素的应用程序接口。在DOM中，HTML文档的层次结构被表示成树形结构。树的节点表示文档中的各种内容。在Dom中一切都是Node对象Element，TextNode，Attribute，Comment都是Node的子类。也就是说，Node对象的所有属性和方法，对于Element，TextNode，Attribute，Comment都适用，并且Element，TextNode， Attribute，Comment提供了特殊的属性和方法来提了特殊作。Nod
阅读全文
摘要：一. 题目英文原文地址：http://dmitry.baranovskiy.com/post/91403200其中有五段小代码，用来测试是否理解JavaScript的核心（core），闭包（closures）和作用域（scopes）。先尝试回答每段代码中alert语句的结果，然后再作实践检查。if (!("a" in window)) { var a = 1;}alert(a);第一题解析var a = 1, b = function a(x) { x && a(--x); };alert(a);第二题解析function a(x) { return x .
阅读全文
摘要：以下内容根据网上资源整理而来，主要来源是CSDN一个供下载的check.js，源码地址找不到了。1. 检查输入字符串是否为空或者全部都是空格/*检查输入字符串是否为空或者全部都是空格输入：str 输入的字符串返回：如果全是空返回true；否则返回false*/function isNull(str) { if (str == "") return true; var regexp = "^[ ]+$"; var regObj = new RegExp(regexp); return regObj.test(str);}2. 检查输入对象的值是否符合Ema
阅读全文
摘要：1. RegExp是什么？对象表示正则表达式，它是对字符串执行模式匹配的强大工具。2. 如何创建RegExp？2.1 直接量语法/pattern/attributes2.2 创建RegExp 对象的语法new RegExp(pattern, attributes);2.3 参数参数 pattern 是一个字符串，指定了正则表达式的模式或其他正则表达式。参数 attributes 是一个可选的字符串，包含属性 "g"、"i" 和 "m"，具体含义参考“修饰符”节。2.4 示范var reg1 = /'\w+'/g;var
阅读全文
摘要：1. 关于document.write()如果在文档已完成加载后执行 document.write，整个HTML 页面将被覆盖。2. 对代码行进行折行您可以在文本字符串中使用反斜杠对代码行进行换行。下面的例子会正确地显示：document.write("Hello \ World!");不过，您不能像这样折行：document.write \ ("Hello World!");3. 在JavaScript中，用分号来结束语句是可选的4. JavaScript 对大小写是敏感的，但HTML不是所以引用JavaScript的HTML标记是忽略大小写的，但脚本
阅读全文
摘要：1. JavaScriptJavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。ECMAScript-262是JavaScript标准，基于网景（Netscape）公司提出的JavaScript语言和微软公司提出的JScript语言。目前最新版为ECMA-262 3rd Edition。ECMA-262 4th Edition正在开发的过程中，与其对应的JavaScript的版本为JavaScript 2.0也正在开发过程中。ECMA是“European Compu
阅读全文
摘要：1. Cookie 概述Cookie是什么？ Cookie 是一小段文本信息，伴随着用户请求和页面在 Web 服务器和浏览器之间传递。Cookie 包含每次用户访问站点时 Web 应用程序都可以读取的信息。为什么需要Cookie？ 因为HTTP协议是无状态的，对于一个浏览器发出的多次请求，WEB服务器无法区分 是不是来源于同一个浏览器。所以，需要额外的数据用于维护会话。 Cookie 正是这样的一段随HTTP请求一起被传递的额外数据。Cookie能做什么？ Cookie只是一段文本，所以它只能保存字符串。而且浏览器对它有大小限制以及 它会随着每次请求被发送到服务器，所以应该保证它不要太大。 C
阅读全文
摘要：1. 说明网上下载的模板，用DIV实现页面模块之间的分隔（不是用frameset/frame）。可以选择有无header/menu/footer，主体如何等等。删除了几个我认为重复的。重新命名而已。这样看文件夹就知道该目录是何种风格的模板。附件中的文件夹命名规则：l-表示左边有内容r-表示右边有内容h-表示有Head（头部，一般用于网站的Banner）m-表示有Menu（菜单，一般用于功能选项）b-表示有Body（主体，网站主体）f-表示有Footer（底部，版本信息类）bx-表示主体大小会随窗口的变化而自适应。()-表示括号内的为一行2. 模板下载地址http://files.cnblogs
阅读全文
摘要：超文本标记语言，即HTML（Hypertext Markup Language），是用于描述网页文档的一种标记语言。现在应用主流是HTML 4.01版本，发布于1999年，为W3C推荐标准。HTML 5的第一份正式草案已于2008年1月22日公布，仍在继续完善中；部分浏览器的新版本已经支持HTML5的某些技术。一、文字 1.标题文字： - 标签可定义标题。 定义最大的标题。 定义最小的标题。2.字体变化： 规定文本的字体、字体尺寸、字体颜色。在 HTML 4.01 中，font 元素不被赞成使用。请使用样式（代替 ）来定义文本的字体、字体颜色、字体尺寸。This is some text!T.
阅读全文
