Tagged: DOMContentLoaded,load |
Cat: javascript |
先看这两句代码:
window.addEventListener(‘load’, loaded, false);
document.addEventListener(‘DOMContentLoaded’, loaded, false);
问题回顾:
这问题可把我郁闷死了,网上找的一个demo里头,他把样式直接用style内联(这种引进方式是dom方式)进来,然后用DOMContentLoaded来处理js,本来是没问题的。
但是当你把内联的样式写在一个外联的样式文件里头然后再进来的时候,问题就出现了。
什么原因?
DOMContentLoaded在外联样式加载前(dom加载完后)就触发了,外联的样式还没来得及渲染dom,这样导致DOMContentLoaded捕获的状态是外联样式渲染前的状态。
Tagged: JS,xhr |
Cat: javascript |
有时候xhr的post方式下,后台总是获取不了post过来的数据,这个其实跟页头有关。
Tagged: Web SQL Databases,中文,教程 |
Cat: HTML, javascript |
针对本地数据储存,W3C提及到四种不同的方法,每一种方法都很精彩,但是今天要提及的只是其中一种:Web SQL Databases。
HTML5的Web SQL Databases的很诱惑人,当你发现可以用与mysql查询一样的查询语句来操作本地数据库时,你会发现这东西挺有趣的,遗憾找不到中文教程,我这里只好特意翻译一篇文章(原文):
————————–翻译启动——–
从Safari 4,iPhone/iPad OS3,Chome 5以及Opera 10.5(桌面版)开始,HTML5 Local Database就开始被支持。我从这里了解到HTML5 Local Database,并且已经研究了一段时间,因此我决定做几个简单的例子来告诉你该怎么去使用它。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
function initDatabase() {
try ...
Tagged: scrollTop,textarea变换大小 |
Cat: HTML, javascript |
在获取鼠标所在位置坐标的时候,针对ie需要用到document.body.scrollTop属性,但是在以下情况下,document.body.scrollTop始终为0,如果顶部申明:
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd"
document.body.scrollTop 要改成: document.documentElement.scrollTop
给textarea加以下css属性:
textarea{resize:none}
不要问我有什么用,有这个属性自然有其发生作用的时候。
Tagged: javascript,JS,多层重叠,激活 |
Cat: javascript |
最近有一个作业中的一个小功能要求以下:多层div相互层叠,要求激活其中一个。 先看我做的DEMO:http://xiebiji.com/works/activeDiv/ 来看一下关键的js代码(基于mootools):
//层叠激活
/*获取当前所有层区域*/
//定义一个存放多个区域数据的集合
var allArea=new Array();
//遍历所有存在的div
$$('#comm_area .comm_div').each(function(e){
pushOneArea(e);//依次存数据
});
//往allArea集合中存入一个区域数据,e为$()方法得来的元素
function pushOneArea(e){
var oneArea=new Object();//定义1个对象
//赋予对象一些必要的数据
oneArea.sx=e.getStyle('left').toInt();
oneArea.ex=e.getStyle('left').toInt()+e.getStyle('width').toInt();
oneArea.sy=e.getStyle('top').toInt...