一个计算机技术爱好者与学习者

0%

前言

任何基于GUI的现代应用程序都是基于事件驱动的,Web应用程序也不例外。

所有事件驱动的应用程序都采用相同的工作模式:建立事件机制、等待相关事件发生(比如鼠标单击)、对该事件做出相应。

浏览器事件模型

忆苦思甜,先了解一下传统的事件模型的缺点,我们才能明白改革开放是多么好的政策!

DOM第0级事件模型

也许你听说过网景事件模型、基本事件模型、浏览器事件模型,但是大多数人称其为DOM第0级事件模型。

为什么称其为第0级事件模型呢?因为,虽然该模型并不是一个正式的标准,但是所有主流的浏览器都与之兼容。而且,所有的现代浏览器依然支持这种模型。

阅读全文 »

选择器语法

jQuery选择元素的语法为:$(selector,[content]);

如果第一个参数是选择器,那么第二个参数就是指示该操作的上下文,默认为整个DOM文档。上下文参数可以是DOM元素的引用,也可以包含jQuery选择器的字符串,或者是DOM元素包装集。

上文hello voidking中的html文件内容修改为:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<html>
<head>
<script type="text/javascript" src="jquery-1.10.2.js"></script>
<script type="text/javascript">
$(function(){
$("p","div#voidking").css("color","red");
});
</script>
</head>
<body>
<div id="voidking">
<p>
welcome to jQuery world !
</p>
</div>
<p>
welcome to jQuery world !
</p>
</body>
</html>
阅读全文 »

jQuery是什么

jQuery是一个兼容多浏览器的Javascript库,类似于C语言中的”.h”文件和Java中的”.jar” 文件。

核心理念是write less,do more(写得更少,做得更多)。

jQuery是免费、开源的,使用MIT许可协议。jQuery的语法设计可以使开发者更加便捷,例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。除此以外,jQuery提供API让开发者编写插件。其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。

jQuery能够做什么

1、简化编程。jQuery最大的优点,是简化了Javascript编程。本来需要很多行代码才能完成的功能,使用jQuery,时常一两行就够了。

2、跨平台。使用Javascript开发,是一件痛苦的事情,因为你不得不考虑到各种浏览器的兼容问题。而使用jQuery,你编写的程序可以很容易地实现跨浏览器平台。

阅读全文 »

注释

本文中的文件名,写在了代码注释中。既然用到了三种文件,就把这三种文件的注释方法先说明一下。

HTML注释

语法<!--注释的内容-->,示例如下:

1
<!--欢迎来到VoidKing的主页-->

CSS注释

语法/*注释的内容*/,示例如下:

1
2
3
4
5
/*这是注释*/
/*
这也是注释
可以分段
*/
阅读全文 »

什么是Javascript

Javascript是一种基于对象的脚本语言。

基于对象(Object-Based)不提供抽象、继承、重载等有关面向对象语言的功能。而是把其他语言创建的对象统一起来,形成一个对象系统,以供使用。

脚本语言最大的特点就是不需要编译和链接。传统编程语言有四个步骤“编写->编译->链接->运行”,而脚本语言只有两个步骤“编写 -> 运行”。

脚本语言是解释执行而非编译执行。windows下,命令提示符界面,就是输入脚本语言的shell;经常见到的“*.bat”批处理文件,就是脚本文件。而在linux系统里面,脚本、脚本编程的概念更是常见。

shell,提供用户使用界面的软件。在windows中,win+R,输入cmd,出现的那个黑黝黝的窗口就是一个shell;打开任务管理器,看到的那个explorer.exe程序,也是一个shell,它叫做GUI shell。在linux中,如果不使用图形用户界面,那么,你所看到的,就是一个shell,一般的linux系统都会提供几种shell供你选择;而如果使用图形用户界面,你看到的界面,就是一个GUI shell。

阅读全文 »