开发学院网页设计 JavaScript 使浏览器实现JavaScript支持的方法解析阅读

使浏览器实现JavaScript支持的方法解析

　2010-09-14 13:04:09　来源：WEB开发网　　　

核心提示： 提供对JavaScript解释、执行的接口函数：TD_EvaluateScript(JSContext *cx,JSObject *obj,const char *bytes,uintN length,const char *filename,uintN lineno,jsval *rva

提供对JavaScript解释、执行的接口函数：

TD_EvaluateScript(JSContext *cx,

JSObject *obj,

const char *bytes,

uintN length,

const char *filename,

uintN lineno,

jsval *rval)

三、 JavaScript与浏览器接合

基本概念：JavaScript操作HTML元素的常见方式

例：

<html>
<head>
<script>
<!--
function ChangeImage(index)
{image0.src=http://tech.ddvip.com/2007-06/"a"+index+".gif";}
-->
</script>
</head>
<a onmouseover="ChangeImage(0);">军人</a><br>
<a onmouseover="ChangeImage(1);">眼睛</a><br>
<ccid_file id="image0" values="a0" id="image0" src=http://tech.ddvip.com/2007-06/"a0.gif" /></img>
</html>

当鼠标移到文字上时，触发事件mouseover，调用ChangeImage()函数，结果为图像源(SRC)发生变化，重新调入新图片。

由此产生两个关键问题：

1. Javascript如何获取HTML元素的名称和属性。

2. Javascript如何改变HTML元素的属性，并操作WIDGET重画。

下面分别阐述这两个问题：

首先介绍涉及到的浏览器流程：

Tokenize -> BuildModel -> ProcessElement -> WidgetPaint

---------------------　 ----------------------------

|　　　　　　　 |

parse　　　　　　 layout

问题1解决：HTML元素作为Javascript对象进行注册。

注册过程在BuildModel中进行。