javascript部分,JavaScript的组成部分

javascript的部分无法运行,帮忙看看那有问题？

首先，最大的一个错误，是who这个参数没有利用，而是用了this，在函数里，this和who可不是同一个对象哦；

其次，用previousSibling和lastChild来定位元素的方法是很不靠谱的，因为这时候纯文本节点（包括节点与节点之间的空格、回车、tab等等）也会被当作普通节点来看待（比如说lastChild将会定位到/span与/td之间的回车换行符而不是span节点）。而且不同的浏览器也会有不同的表现。

下面是修改后的js代码：

function re_onclick(who){

var td=who.parentNode.getElementsByTagName("td")[1];

td.removeChild(td.getElementsByTagName("span")[0]);

var select1=document.createElement('select');

var s=["qq.com","163.com","google.com","sohu.com"];

for(var i=0;is.length;i++){

var option1=document.createElement('option');

option1.appendChild(document.createTextNode(s[i]));

select1.appendChild(option1);

}

td.appendChild(select1);

}

相关问答

Q1: 一个完整的JavaScript 脚本实现应包含那些部分?

一个完整的JavaScript 脚本实现应包含如下三部分：

1 ECMAScript 核心：为不同的宿主环境提供核心的脚本能力；

2 DOM（文档对象模型）：规定了访问HTML 和XML 的应用程序接口；

3 BOM（浏览器对象模型）：提供了独立于内容而在浏览器窗口之间进行交互的对象和方法。

参考资料：

Q2: javascript部分语句无法生效

!DOCTYPE html

html

head

meta http-equiv="Content-Type" content="text/html; charset=gb2312" /

/head

body

p id="p1"Hello World!/p

h1 id="header"Old Header/h1

img id="image" src="img/a.gif"/

input type="button" value="隐藏文本" onclick="document.getElementById('header').style.display='none';"/

input type="button" value="显示文本" onclick="document.getElementById('header').style.display='block';"

script

document.getElementById("p1").style.color="#ff0000";

document.getElementById("p1").innerHTML="New text!";

document.getElementById("header").innerHTML="New Header";

document.getElementById("image").src="img/b.gif"

/script

/body

/html

最好使用display属性来控制隐藏显示，你代码错误的原因是js必须遵守双引号中单引号或者单引号中双引号原则。

关于js的运行顺序，页面加载过程中，浏览器会对页面上或载入的每个js代码块(或文件)进行扫描，如果遇到定义式函数，则进行预处理(类似于C等的编译)，处理完成之后再开始由上至下执行；遇到赋值式函数，则只是将函数赋给一个变量，不进行预处理(类似1中变量必须先定义后引用的原则)，待调用到的时候才进行处理。

也就是说在没有定义函数，或者异步函数的情况下，基本上是从上到下执行。

Q3: 一个完整的JavaScript 脚本实现应包含那些部分？

实际上，一个完整的JavaScript 脚本实现应包含如下三部分：

1 ECMAScript 核心：为不同的宿主环境提供核心的脚本能力；

2 DOM（文档对象模型）：规定了访问HTML 和XML 的应用程序接口；

3 BOM（浏览器对象模型）：提供了独立于内容而在浏览器窗口之间进行交互的对象和方法。

参考资料：

Q4: javascript基础部分三大核心是什么意思

ECMAScript、DOM、BOM

JavaScript的三大组成部分是：

1、ECMAScript：JavaScript的核心，描述了语言的基本语法(var、for、if、array等)和数据类型(数字、字符串、布尔、函数、对象(obj、[]、{}、null)、未定义)，ECMAScript是一套标准，定义了一种语言（比如JS）是什么样子。

2、文档对象模型（DOM）：DOM（文档对象模型）是 HTML 和 XML 的应用程序接口（API）。DOM 将把整个页面规划成由节点层级构成的文档。HTML 或 XML 页面的每个部分都是一个节点的衍生物。请考虑下面的 HTML 页面：

html

head

titleSample Page/title

/head

body

phello world!/p

/body

/html

这段代码可以用 DOM 绘制成一个节点层次图：DOM 通过创建树来表示文档，从而使开发者对文档的内容和结构具有空前的控制力。用 DOM API 可以轻松地删除、添加和替换节点（getElementById、childNodes、appendChild、 innerHTML）。

3、浏览器对象模型（BOM）对浏览器窗口进行访问和操作。例如弹出新的浏览器窗口，移动、改变和关闭浏览器窗口，提供详细的网络浏览器信息（navigator object），详细的页面信息（location object），详细的用户屏幕分辨率的信息（screen object），对cookies的支持等等。