JavaScript各行代码如何理解？

JavaScript045

JavaScript各行代码如何理解？,第1张

JavaScript各行代码如何理解？function foo(a，b，c){ }

var bar={ }；

foo.apply(bar，[1，2，3])；

foo.call(bar，1，2，3)；

function foo(a，b，c){ }   // 定义一个函数

var bar={ }；              // 定义一个 JSON 对象

foo.apply(bar，[1，2，3]) // 这一句的意思是在指定的作用域下执行这个函数, 第一个参数就是你指定的作用域, 也就是bar, 此时所有的操作都会在 bar 这个对象下进行

foo.call(bar，1，2，3)；   // 与上一句意思一样，唯一不同的是传入的参数方式不一样，上一句参数必须作为数组传入, call 方法需要把参数逐个传入

//整个函数的作用是处理用户对网页中显示的图片的单击事件，以交替改变显示的图片，模拟灯泡的打开与关闭，单击就相当于灯泡的开关。

function changeImage()

{

//通过Id值，获取Id为myimage的img元素

element=document.getElementById('myimage')

//假如img元素的src属性指定的图片文件的路径包含字符串bulbon，则设置img元素的src等于/images/pic_bulboff.gif，即改变img元素显示的图片。

if (element.src.match("bulbon"))

{

element.src="/images/pic_bulboff.gif"

}

else

{

//也是改变img元素显示的图片

element.src="/images/pic_bulbon.gif"

}

}

</script>

1、首先开始新建html文件。

2、然后创建一个三行三列的表格。

3、接下来开始创建js函数。

4、接下来开始进行定义变量获取行。

5、然后就将函数加在按钮上。

6、就可以看到预览效果如图。

7、最后点击第二个按钮删除 第二行。