原帖地址:http://www.cnblogs.com/AganCN/archive/2009/02/06/1206272.html 考虑这样的情形在IE浏览中处理,需要响应页面的按钮点击事件,有哪些方法呢?
(1)onclick属性添加事件处理函数
function DoClick()//handler of click event
{
}
test1
测试1test1
(2)attachEvent方法添加事件处理函数
test2
function attClick()//handler of click event
{
//process click event
}
test2.attachEvent("onclick",attClick);
测试2test2
现在问题来,如果我们同时添加这两种事件处理方式,那么他们相应的顺序是什么样的,下面来模拟一下这种情形:
test31
function DoClick()//property event handler
{
alert('calling DoClick');
}
function AttClick1()//attach event handler
{
alert('calling AttClick1');
}
tes ......
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,易于阅读和编写,同时也易于机器解析和生成。它基于ECMA262语言规范(1999-12第三版)中JavaScript编程语言的一个子集。 JSON采用与编程语言无关的文本格式,但是也使用了类C语言(包括C, C++, C#, Java, JavaScript, Perl, Python等)的习惯,这些特性使JSON成为理想的数据交换格式。
JSON的结构基于下面两点
1. "名称/值"对的集合 不同语言中,它被理解为对象(object),记录(record),结构(struct),字典(dictionary),哈希表(hash table),键列表(keyed list)等
2. 值的有序列表 多数语言中被理解为数组(array)
JSON使用:
JSON以一种特定的字符串形式来表示 JavaScript 对象。如果将具有这样一种形式的字符串赋给任意一个 JavaScript 变量,那么该变量会变成一个对象引用,而这个对象就是字符串所构建出来的,好像有点拗口,我们还是用实例来说明。
这里假设我们需要创建一个User对象,并具有以下属性
用户ID
用户名
用户Email
您可以使用以下JSON形式来表示User对象:
{"UserID":11, "Name":"Truly", "Email":"zhuleipro◎hotmail.com"};然后如果把这一字符串赋予一个JavaSc ......
dygraphs 主要用来显示密集数据。所谓一图胜千言,dygraphs 生成的图表可以随着鼠标位置显示数据,拖拽放大,双击缩小。
dygraphs 依赖HTML的<canvas>标签,而这个标签微软的IE 恰恰不支持。官方网页上说没关系,你只要包含一个叫excanvas 的JavaScript. 库就行了,但据我测试效果并不好。所以你还是在Chrome 或者Firefox 下打开吧。
官网上还说dygraphs 支持直接导入CSV 文件,但试了几次都没成。最后决定用Ruby 把.csv 文件转成.js 文件。生成脚本:
pre = "function data() {\n return "
post = ";\n}"
lable = ""
s = []
PATH = "./dygraphs/temperatures.csv"
File.open(PATH) do |file|
lable += "\"#{file.gets.chomp}\\n\" +\n"
file.each_line do |line|
s << ("\"" + line.chomp + "\\n\"") if line != "\n"
end
end
File.open("c:/Pope/javascript/dygraphs/data.js", "w") do |file|
file.puts(pre + lable + s.join(" +\n") + post)
end
下面进入正题。代码很简单:
<html>
<head>
<mce:script. type="text/javascript"
src="d ......
1. timeplot
地址:http://www.simile-widgets.org/timeplot/
下载:http://code.google.com/p/simile-widgets/downloads/list
2.flot
是一个jquery插件,效果不错。
地址:http://code.google.com/p/flot/
3.Highcharts
地址:http://www.highcharts.com/
好像只对个人免费。
......
一. 基础篇
1. Javascript学习笔记1——数据类型
2. Javascript学习笔记2——函数
3. Javascript学习笔记3——作用域
4. Javascript学习笔记4——Eval函数
5. Javascript学习笔记5——类和对象
6. Javascript学习笔记6——prototype的提出
7. Javascript学习笔记7——原型链的原理
二. 实战篇
8. Javascript学习笔记8——用JSON做原型
9. Javascript学习笔记9——prototype封装继承
三. DOM相关
10. Javascript学习笔记10——网页的运行机制
11. Javascript学习笔记11——包装DOM对象
13. Javascript学习笔记13——关于响应事件
四. AJAX相关
12. Javascript学习笔记12——Ajax入门 ......
Cookies是一种能够让网站服务器把少量数据储存到客户端的硬盘或内存,或是从客户端的硬盘读取数据的一种技术。Cookies是当你浏览某网站时,由Web服务器置于你硬盘上的一个非常小的文本文件,它可以记录你的用户ID、密码、浏览过的网页、停留的时间等信息。当你再次来到该网站时,网站通过读取Cookies,得知你的相关信息,就可以做出相应的动作,如在页面显示欢迎你的标语,或者让你不用输入ID、密码就直接登录等等。
/*
功能:保存cookies函数
参数:name,cookie名字;value,值
*/
function SetCookie(name,value){
var Days = 60; //cookie 将被保存两个月
var exp = new Date(); //获得当前时间
exp.setTime(exp.getTime() + Days*24*60*60*1000); //换成毫秒
document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}
/*
功能:获取cookies函数
参数:name,cookie名字
*/
function getCookie(name){
var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
&nb ......