trr1994917-CSDN博客

转载 offsetLeft 与 style.left、offsetWidth 与 style.width、offsetHeight 与 style.height 等区别

网页可见区域宽： document.body.clientWidth; 网页可见区域高： document.body.clientHeight; 网页可见区域宽： document.body.offsetWidth (包括边线的宽); 网页可见区域高： document.body.offsetHeight (包括边线的宽); 网页正文全文宽： document.body.scrol

2015-06-22 14:20:49 311

转载 CSS中em单位和px单位的区别

这里引用的是Jorux的“95%的中国网站需要重写CSS”的文章，题目有点吓人，但是确实是现在国内网页制作方面的一些缺陷。我一直也搞不清楚px与em之间的关系和特点，看过以后确实收获很大。平时都是用px来定义字体，所以无法用浏览器字体放大的功能，而国外大多数网站都可以在IE下使用。因为 1. IE无法调整那些使用px作为单位的字体大小； 2. 国外的

2015-06-13 11:44:13 394

转载盘点8种CSS实现垂直居中水平居中的绝对定位居中技术

Ⅰ.绝对定位居中(Absolute Centering)技术我们经常用margin:0 auto来实现水平居中，而一直认为margin:auto不能实现垂直居中……实际上，实现垂直居中仅需要声明元素高度和下面的CSS: [css] view plaincopy .Absolute-Center { margin: auto;

2015-05-23 22:58:23 406

转载那些年我们一起清除过的浮动

浮动(float)，一个我们即爱又恨的属性。爱，因为通过浮动，我们能很方便地布局；恨，浮动之后遗留下来太多的问题需要解决，特别是IE6-7（以下无特殊说明均指 windows 平台的 IE浏览器）。也许很多人都有这样的疑问，浮动从何而来？我们为何要清除浮动？清除浮动的原理是什么？本文将一步一步地深入剖析其中的奥秘，让浮动使用起来更加得心应手。一、清除浮动还是闭合浮动（Enclosi

2015-05-22 14:23:00 364

转载 JS高级程序设计(第2版)读书笔记第8-9章

第8章 BOM function getQueryStringArgs() { // 取得查询字符串并去掉开头的问号 var qs = (location.search.length > 0 ? location.search.substring(1) : ""); // 保存数据的对象 var args = {}; //

2015-05-17 10:45:44 501

转载 JS高级程序设计(第2版)读书笔记第6-7章

第6章面向对象有点云里雾里： 1 DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 html xmlns="http://www.w3.org/1999/xhtml"> 3 head

2015-05-17 10:42:34 467

转载 JS高级程序设计(第2版)读书笔记第4-5章

第4章变量、作用域和内存问题基本数据类型和引用类型 typeof 检测变量类型是不是基本类型 var s = "abc"; var b = true; var i = 22; var u; var n = null var o = new Object(); alert(s); // string alert(b); // boolean alert(i); // num

2015-05-17 10:41:57 635

转载 JS高级程序设计(第2版)读书笔记第1-3章

第1章 JavaScript简史在JavaScript DOM编程艺术 (第2版) 读书笔迹中已经写过，不再重复。第2章在 HTML 中使用 JavaScript script 标签的属性： charset: 可选。表示通过src 属性指定的代码的字符集。大多数浏览器会忽略它的值，所以这个属性很少有人使用。 defer: 可选。表示脚本可能延迟到文档完全被解析和显示后再执行。

2015-05-17 10:40:31 398

转载 JS DOM 编程艺术(第2版)读书笔记第12章综合示例

/** * addLoadEvent */ function addLoadEvent(func) { var oldonload = window.onload; if(typeof oldonload != "function"){ window.onload = func; }else{ window.onload = functi

2015-05-17 10:37:56 1315 1

转载 JS DOM 编程艺术(第2版)读书笔记第11章 HTML5

1 2 3 4 5 HTML5 6 7 body{background:#CCC;} 8 9 10 11 12 你的浏览器不支持canvas! 13 14 DownLoad music.MP4 15 16 17 DownLoad music.MP4 18 19 20 21

2015-05-17 10:37:26 500

转载 JS DOM 编程艺术(第2版)读书笔记第10章用JavaScript实现动画效果

1 2 3 4 5 简单动画 6 7 #message{background:red} 8 9 10 11 12 move 13 14 15 16 function positionMessage() { 17 var elem = document.getElementById("message"); 18 elem.style.position

2015-05-17 10:36:20 521

转载 JS DOM 编程艺术(第2版)读书笔记第9章 CSS-DOM

页面有三层信息构成：结构层（structural layer）表示层（presentation layer）行为层（behavior layer）设置和获取样式所有CSS中间带减号的在JS 中用驼峰命名法 css：font-size js：fontSize 只读的属性： previousSibling、 nextSibling、 parentNode、 firstCh

2015-05-17 10:35:11 314

转载 JS DOM 编程艺术(第2版)读书笔记第8章充实文档的内容

为一个文档创建 ① 缩略词表 ② 文献来源链接 ③ 快捷键清单这些信息，对于我们来说很少用到，也可以说几乎用不到。通过这个三个函数的编写，巩固上几章节中学到的JS DOM打操作方法。 1 DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DT

2015-05-17 10:32:41 411

转载 JS DOM 编程艺术(第2版)读书笔记第6章图片库改进版

把时间处理函数移出文档向后兼容确保可访问支持平稳退化检测对象和方法是否存在直接上代码有详细注释： 1 DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 html xmln

2015-05-17 10:31:31 385

转载 JS DOM 编程艺术(第2版)读书笔记第5章最佳实践

第5章最佳实践平稳退化和渐进增强让不支持或禁用了javascript浏览器也能顺利浏览网页。一个简单例子： function popUp(url){ window.open(url, "popUp", "width=320,height=480") } 伪协议和onclick处理事件：也能完成打开弹出窗口的需求。但是在不支持JavaScript或禁用的JavaScript的

2015-05-17 10:29:39 313

转载 JS DOM 编程艺术(第2版)读书笔记第3章 DOM

前面两章都是概念性的东西，基本是找书的原文记录。从本章开始，更多是用一些实例来详细说明DOM的常用的操作和方法。首先解释一下什么是DOM(Document Object Model),文档对象模型。DOM结构很像我们的家谱树，用parent(父)、child(子)、sibling(兄弟)等来表示家庭中的成员。要获取一个DOM文档中的成员的有以下几个方法，通过节点ID，通过节点名，通过类名。

2015-05-17 10:27:54 290

转载 JS DOM 编程艺术(第2版)读书笔记第2章 JavaScript 语法

语法用JavaScript编写的脚本,都是由一系列指令构成,这些指令叫做语句(statement). 只要按照正确的语法编写出来的语句才能得到正确的解释. JavaScript 每条语句以换行符或分号视为结束. 如下为两条语句: first statement second statement 也可以放在一行: first statment; second statment; 建议

2015-05-17 10:25:45 370

转载 JS DOM 编程艺术(第2版)读书笔记第1章 JavaScript 简史

JavaScript 起源 JavaScript 是NetScape公司与Sun公司合作开发的，JavaScript 不是 Java。微软在推出IE3的时候发布了自己的VBScript语言，同时以JScript为名发布了JavaScript的一个版本，以此很快跟上了Netscape止步伐。后来 ECMA(欧洲计算机制造商协会)对JavaScript进行了标准化，于是就出现了ECMAScr

2015-05-17 10:19:52 377

转载什么是web标准，起到些什么作用，如何理解W3C组织制定的标准（面试题）

问：谈谈你对web标准的理解，以及对w3c组织的认识？答：（1）web标准规范要求，书写标签必须闭合、标签小写、不乱嵌套，可提高搜索机器人对网页内容的搜索几率。--- SEO （2）建议使用外链css和js脚本，从而达到结构与行为、结构与表现的分离，提高页面的渲染速度，能更快地显示页面的内容。（3）样式与标签的分离，更合理的语义化标签，使内容能被更多的用户所访问、内容能被更广

2015-05-03 23:17:27 1339

转载 C# DataTable的詳細用法

在项目中经常用到DataTable,如果DataTable使用得当，不仅能使程序简洁实用，而且能够提高性能，达到事半功倍的效果，现对DataTable的使用技巧进行一下总结。一、DataTable简介 (1)构造函数 DataTable() 不带参数初始化DataTable 类的新实例。 Dat

2015-04-27 21:33:35 294

转载 Asp.net中Web.config连接字符串及配置数据库sqlserver

近日正在看Asp.net，看到Web.config有很不清楚之处，特意从网络、MSDN搜集、归纳和整理，供大家分享。在ASP.NET的web.config中，可以用两种方式来写连接字符串的配置。 configuration> appSettings> add key="connstr1" value="Data Source=.;Initial Catalo

2015-04-27 17:22:52 949

trr1994917的博客