欧美日高清视频,亚洲综合不卡,成人精品视频一区二区三区

�?JavaScript 玩�{ DOM Level 1

Flyingis — Tue, 07 Nov 2006 14:14:00 GMT

摘要: DOM(The Document Object Model)��HTML转换为XML文档格式来表达，为动态HTML�~�程提供了一�U�优雅的解决�Ҏ��。DOM�~�程可以使用多种语言�Q�Java中可以��用SAX�q�行XML�~�程�Q�，不论大家使用何种服务器端技术，JavaScript的DOM基础�~�程�q�是需要掌握的�Q�最常见的莫�q�于getElementById()�Q�引用Prototype.js使用最多的也是$("")�Q�但是要做好Web客户端设计，我们需要了解更多更�l��?

当前各种��L��览器对DOM Level 1标准支持的相对较好，我们��来看看在JavaScript中如何玩转DOM Level 1�?nbsp; 阅读全文

Flyingis 2006-11-07 22:14 发表评论

[��译] 如何�?JavaScript 中实现拖�?�?

Flyingis — Sun, 15 Oct 2006 09:03:00 GMT

摘要: �l�于完成了全文的��译�Q�由于时间比较参促，文章没有�q�多的校正与润色�Q�阅读过�E�中隑օ�会有些许生硬或不准确的感觉，请大家见量�ƈ指出�Q�方便他人阅诅R�?

原文作者将拖放功能的实现分步讲解，其核心的地方在于�U�d��和放�|�元素时�Q�鼠标、移动元素、目标元素关�pȝ��处理�Q�只要这个问题处理好了，代码��很�Ҏ��理解�Q�译文仅供辅助参考之用，demo可以参考原文链接�?nbsp; 阅读全文

Flyingis 2006-10-15 17:03 发表评论

[��译] 如何�?JavaScript 中实现拖�?�?

Flyingis — Fri, 13 Oct 2006 06:53:00 GMT

摘要: 上一��文章介�l�了�U�d��面元素所涉及到的捕获鼠标�U�d��和鼠标点�ȝ��相关问题�Q�本�D�|��章将介绍如何�U�d��和放�|�页面元素�?nbsp; 阅读全文

Flyingis 2006-10-13 14:53 发表评论

[��译] 如何�?JavaScript 中实现拖�?�?

Flyingis — Wed, 11 Oct 2006 08:20:00 GMT

摘要: JavaScript擅长于修攚w��面中的DOM元素�Q�但是我们��用JavaScript通常只是实现一些简单功能，例如实现囄��的翻转，�|�页中的标签��，�{�等。这��文章将向你展示如何在页面中�Q�对创徏的元素实现拖放�?
�Q�译者注�Q�原文发布已有一�D�|��_��但感觉作者思�\清晰明了�Q�值得一诅R��文章一�ơ看完比较好�Q�但旉��有限�Q�我会尽快将剩下部分补上�Q?nbsp; 阅读全文

Flyingis 2006-10-11 16:20 发表评论

JavaScript 随笔汇集

Flyingis — Mon, 18 Sep 2006 07:31:00 GMT

摘要: 更新日期�Q?006-11-18 阅读全文

Flyingis 2006-09-18 15:31 发表评论

[��译] "this" of JavaScript

Flyingis — Fri, 15 Sep 2006 07:02:00 GMT

摘要: this是JavaScript中功能最强大的关键字之一。不�q�的是，如果你不知道它具体怎么工作�Q�你��很难正��用它。原文的题目是《The this keyword》�?
��译不恰当的地方请大家指出�?nbsp; 阅读全文

Flyingis 2006-09-15 15:02 发表评论

JavaScript 对象的反��及应用

Flyingis — Tue, 12 Sep 2006 10:50:00 GMT

摘要: Java�?NET都有着比较完善的反��机�Ӟ��用来处理未知的对象�ƈ获取它们的属性和�Ҏ��。JavaScript虽然没有完善的反��体�p�，但在�~�程的时候还是可以通过代码设计来实现类似反��的基本功能�?nbsp; 阅读全文

Flyingis 2006-09-12 18:50 发表评论

使用 JSON 创徏对象

Flyingis — Mon, 11 Sep 2006 11:33:00 GMT

作者：Flyingis

一般在JavaScript中可以调用Object�cȝ��构造函数来创徏对象�Q?br />

var obj = new Object();

�q�且可以��对象附加到其他对象上，�c�M��于C++中的对象数组�Q�例如，某大学里拥有多个专业�Q�每个专业都有一位主��d��多名讲师�l�成�Q�在JavaScript中可以这��h��描述�Q?br />

var university = new Object();
university.specialty = new Array();
university.specialty[0] = new Object();

//该专业的��M�Q是Sam
university.specialty[0].director.name = "Sam";
university.specialty[0].director.age = 40;

//该专业的两位讲师分别是Tom和Jerry
university.specialty[0].instructor = new Array();

var tom = new Object();
tom.name = "Tom";
tom.age = 32;
university.specialty[0].instructor[0] = tom;

var jerry = new Object();
jerry.name = "Jerry";
jerry.age = "35";
university.specialty[0].instructor[1] = jerry;

可以看出�Q�当对主��d��讲师有更详细的描�q�时�Q�这样一层层的代码给人感觉非常繁琐，许多代码都是重复�~�写�Q�不但增加了代码量，�q�且�q�很枯燥�?br />
JSON是一�U�轻量��的数据交换格式，它的优点��是便于��d��Q�可以将JavaScript中的对象及其赋值写成键值对的�Ş式，例如上面代码通过JSON来描�q�可以写成：

var university = {
  specialty : [
  {
    director : [
      name : "Sam",
      age : 40
    ],
    instructor : [
      {name : "Tom", age : 32}
      {name : "Jerry", age : 35}
    ]
  }
  ]
}

�q�样来描�q�整个对象的内部�l�构昑־�更�ؓ��z�、清晎ͼ�除了声明属性和对象外，�q�可以��用JSON创徏的对象定义成员函数。当�Ӟ��不论采用何种�Ҏ��来描�q�ͼ�目的都是��Z��更高效直观的�~�写JavaScript代码�Q�我们可以��用JSON定义一个对象，然后使用JavaScript��d��属性，也可以��用JSON来扩展JavaScript所定义的对象，创徏��L��复杂的对象层�ơ�?/font>

Flyingis 2006-09-11 19:33 发表评论

关于 BOM

Flyingis — Fri, 01 Sep 2006 09:22:00 GMT

作者：Flyingis

BOM全称是Browser Object Model�Q�在不依赖于�|�页内容的情况下提供和浏览器视窗交互的对象，下图昄��了BOM的组成结构�?br />

可以看出�Q�window是BOM的核心对象，在��用window中所有对象时�Q�可以省去window�Q�例如window.document可以写成document�Q�window.frames[0]可以写成frame[0]。�ؓ了对视窗�q�行操作�Q�BOM提供了四�U�方法：moveBy(dx,dy)、moveTo(x,y)、resizeBy(dw,dh)、resizeTo(w,h)�Q�这四种�Ҏ��比较��单，具体使用可以参考相兌��料�?br />
BOM中没有特别复杂的概念�Q�但需要注意的是，现在BOM�q�没有一个统一的标准，各种��览器对BOM的支持程度也不一�Q�相同的功能也许其对象描�q��ƈ不相同，即��是BOM�l�构本��n也存在问题，如location既存在于window下的�W�二�U�结构中�Q�也存在于window.document下的�W�三�U�结构中�Q�但它们的功能描�q�是相同的。在目前情况下，只有针对用户所使用的浏览器来定制代码，或�ؓ不同的浏览器分别�q�行代码描述�?/font>

Flyingis 2006-09-01 17:22 发表评论

SVG 中��?JavaScript

Flyingis — Thu, 31 Aug 2006 12:06:00 GMT

    作�?Flyingis

    SVG(Scalable Vector Graphics)是一�U�基于XML的语�a��Q�用来在Web中绘制矢量图形。当前，除了Mozilla 2.0外，没有一�ƾ浏览器在本质上支持SVG�Q�都需要插件来昄��SVG囑�Ş�Q�著名的有Adobe公司和Corel公司的SVG插�g�?br />
    一个简单的SVG

xml version="1.0"?>
DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink=http://www.w3.org/1999/xlink width="100%" height="100%">
<desc>
昄��一个正方�Ş和一个圆�?br />desc>
<defs>
<rect id="myrect" width="150" height="150" fill="red" x="15" y="15" stroke="black"/>
<circle id="mycircle" r="75" fill="white" stroke="black" cx="150" cy="150"/>
defs>
<use xlink:href="#myrect" />
<use xlink:href="#mycircle" />
svg>

��Z��更好的理解SVG中的标签�Q�可以和HTML标签作个��单的比较�Q�SVG中的和HTML中的�c�M��Q?lt;desc/>�?lt;title/>�c�M��Q?lt;g/>�?lt;div/>�c�M��?br />
在SVG中可以��用JavaScript�Q�当需要遵循一些规则：必须使用type属性；language属性是非法的；使用�Ҏ��XML字符时可以��用CDATA�Q�SVG和CDATA都遵循XML规范�Q�；xlink:href替换src�?br />

xml version="1.0"?>
DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink=http://www.w3.org/1999/xlink width="100%" height="100%">
<desc>
昄��一个正方�Ş和一个圆�?br />desc>

  function comp(a, b) {
    if (a > b)
      alert("a is bigger than b");
    else
      alert("a is not bigger than b");
  }
]]>
<defs>
<rect id="myrect" width="150" height="150" fill="red" x="15" y="15" stroke="black"/>
<circle id="mycircle" r="75" fill="white" stroke="black" cx="150" cy="150"/>
defs>
<use xlink:href="#myrect" />
<use xlink:href="#mycircle" />
svg>

在SVG中��用JavaScript可以写在如下几个位置�Q?lt;desc/>标签之后�Q�在中；�?lt;g/>标签之前�?/font>

Flyingis 2006-08-31 20:06 发表评论

��览器中�?JavaScript

Flyingis — Thu, 31 Aug 2006 12:01:00 GMT

    作者：Flyingis

    之前写过不少JavaScript基础的随�W�，基本上都是针对其语法、语�a��l�构来论�q�的。但是，现在使用JavaScript最多的地方是在��览器中�Q�这里就��单谈谈浏览器中��用JavaScript�?br />
    在浏览器中��用JavaScript分�ؓ内联和外联两�U�方法，和CSS比较�怼��?br />
    内联

<html>
<head>
<title>内联title>
<script language="JavaScript">
  function message() {
    alert("Good Day !");
  }
script>
head>
<body>body>
html>

外联

<html>
<head>
<title>外联title>
<script language="JavaScript" src="../path/external.js">script>
head>
<body>body>
html>

    在external.js中，可以包含��M��js代码�Q�例如类的定义、方法函数等。相比之下，使用外联�Ҏ��引用js文�g可以做到更安全、代码更�Ҏ��理、节省资源开销。之所以能节省资源开销�Q�是因�ؓ当两个页面同时��用一个js文�g�Ӟ��该js文�g只会被下载一�ơ，避免的相同代码重复下载增加页面的代码量�?br />
    �|�页中的JavaScript源代码一般放�|�在区域�Q�当写在中时�Q�一旦页面加载就会执行body中的JavaScript代码�Q�无法�h工控制代码的执行。如果需要页面加载时同时执行JavaScript�Ҏ��Q�则需要在head中定义该�Ҏ��Q�否则系�l�会报错�?br />
    JavaScript最初只有一�U�浏览器的支持，因此�Q�需要一�U�方法将JavaScript代码隐藏在老的��览器中�Q�避免对JavaScript解析产生错误�Q�这��是我们�q�去�l�常可以看到的，在代码前后加�?lt;!-->�Q�在现在看来�Q�这�U�方法已�l�没有必要了�Q�一是因��Z��用外联方式引用JavaScript代码更加合适，二是当前��L��览器对JavaScript的支持已�l�越来越多，当然也就能正��识别JavaScript代码�?br />
    在浏览网��|��Q�当某张囄��无法昄��Ӟ��可以通过文字来替换它�Q�当�|�页不支持某�D�JavaScript代码�Ӟ��我们也能通过一�U�替代的方式来提醒用戯��q��览器不支持JavaScript或禁止了JavaScript�Q�即使用�Q�放�|�在body区域中�?br />
    随着XHTML(eXtensible HTML)标准的出玎ͼ�

欧美日高清视频,亚洲综合不卡,成人精品视频一区二区三区

�?JavaScript 玩�{ DOM Level 1

[���译] 如何�?JavaScript 中实现拖�?�?

[���译] 如何�?JavaScript 中实现拖�?�?

[���译] 如何�?JavaScript 中实现拖�?�?

JavaScript 随笔汇集

[���译] "this" of JavaScript

JavaScript 对象的反���及应用

使用 JSON 创徏对象

关于 BOM

SVG 中���?JavaScript

���览器中�?JavaScript

[��译] 如何�?JavaScript 中实现拖�?�?

[��译] 如何�?JavaScript 中实现拖�?�?

[��译] 如何�?JavaScript 中实现拖�?�?

[��译] "this" of JavaScript

JavaScript 对象的反��及应用

SVG 中��?JavaScript

��览器中�?JavaScript