●试题五 阅读下列说明和HTML文本,分析其中嵌入的JavaScrlpt脚本,将应填入(n)处的语句写在答题纸

15 查阅

●试题五

阅读下列说明和HTML文本,分析其中嵌入的JavaScrlpt脚本,将应填入(n)处的语句写在答题纸的对应栏内。

[说明]

本题实现用鼠标拖拽图片在Web页内移动的功能。将鼠标放在图片上,按下左键,移动鼠标便可带动图片一起移动。

【HTML文本】

<html>

<!省略部分为HTML框>

………

<style>

<!.drag{position:relative;cursor:hand}//css程序,通过类选择符建立类,类的名称为drag

>

</style>

(1) //JavaScript区域开始标识

var m=false//声明几个变量

var z,x,y

function p(){//定义一个函数p(),判断鼠标是否已按下左键

if( (2) &&m){

z.style.pixelLeft=a+event.clentX-x //定义图片左上角的位置

z.style.pixelTop=b+event.client Y-y

return false

}

}

function q(){//定义一个函数q()。如果是Netscape浏览器,就返回。

//所以此效果在Netscape浏览器中看不到

if(!document.a11)

retum

if(event.srcElement.className==“drag”,),//如果鼠标左键被按下,

//返回z,a,b,x,y的值

m=true

z=event.srcElement

a=z.style.pixelLeft

b=z.style.pixelTop

x=event.clientX

y=event.clientY

(3) //当鼠标移动时,执行p()函数,当鼠标按下的时候,执行q函数,

//当鼠抬起的时候,不执行任何函数

}

}

(4)

document.onmouseup=newfunction(" (5) ")

参考答案:

●试题五【答案】(1)<script. language="JavaScript">(2)event.button==1(3)document.onmousemove=p(4)document.onmousedown=q(5)m=false

软考初级