首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

动态改变onclick的值, 想写个JS涵数,先给onClick赋值,再去点击被赋值的HTML控件.为什么不行,请高人看.解决思路

2012-02-11 
动态改变onclick的值, 想写个JS涵数,先给onClick赋值,再去点击被赋值的HTML控件.为什么不行,请高人看.动态

动态改变onclick的值, 想写个JS涵数,先给onClick赋值,再去点击被赋值的HTML控件.为什么不行,请高人看.
动态改变onclick的值,   想写个JS涵数,先给onClick赋值,再去点击被赋值的HTML控件.为什么不行,请高人看.

<SCRIPT   type= "text/javascript "   language= "javascript ">

                function   init(){
var   vWidth   =   "100 ";
var   vHeight   =   "100 ";
var   vImgPath   =   "1.jpg ";
var   vonClick   =   "playVideo() ";
var   vonMouseOver   =   "playVideo() ";
var   vonMouseOut   =   "playVideo() ";

document.getElementById( "playButton1 ").width   =   vWidth   ;       //可以显示
document.getElementById( "playButton1 ").height=   vHeight   ;//可以显示
document.getElementById( "playButton1 ").src   =   vImgPath   ;//可以显示
document.getElementById( "playButton1 ").onClick   =   vonClick   ;   //不可以.
document.getElementById( "playButton1 ").onMouseOver   =   vonMouseOver   ;//不可以.
document.getElementById( "playButton1 ").onMouseOut   =   vonMouseOut   ;//不可以.
                }

                function   playVideo()   {
                        :
              }
</SCRIPT>


 

<BODY   onload=init()>  
<IMG   src= " "   name= "playButton1 "   width= " "   height= " "   border= "0 "   id= "playButton1 "   onClick= " "   onMouseOver= " "   onMouseOut= " "   class= "link "/>
                :  
                :



[解决办法]

<SCRIPT type= "text/javascript " language= "javascript ">

function init(){
var vWidth = "100 ";
var vHeight = "100 ";
var vImgPath = "1.jpg ";
var vonClick = "playVideo ";
var vonMouseOver = "playVideo ";
var vonMouseOut = "playVideo ";

document.getElementById( "playButton1 ").width = vWidth ; //可以显示
document.getElementById( "playButton1 ").height= vHeight ;//可以显示
document.getElementById( "playButton1 ").src = vImgPath ;//可以显示
document.getElementById( "playButton1 ").onClick = vonClick ; //不可以.
document.getElementById( "playButton1 ").onMouseOver = vonMouseOver ;//不可以.
document.getElementById( "playButton1 ").onMouseOut = vonMouseOut ;//不可以.
}

function playVideo() {
:
}
</SCRIPT>




<BODY onload=init()>
<IMG src= " " name= "playButton1 " width= " " height= " " border= "0 " id= "playButton1 " onClick= " " onMouseOver= " " onMouseOut= " " class= "link "/>
:
:

[解决办法]
var vWidth = "100 ";
var vHeight = "100 ";


var vImgPath = "1.jpg ";
var vonClick = playVideo;
var vonMouseOver = playVideo;
var vonMouseOut = playVideo;

document.getElementById( "playButton1 ").width = vWidth ; //可以显示
document.getElementById( "playButton1 ").height= vHeight ;//可以显示
document.getElementById( "playButton1 ").src = vImgPath ;//可以显示
document.getElementById( "playButton1 ").onclick = vonClick ; //不可以.
document.getElementById( "playButton1 ").onmouseover = vonMouseOver ;//不可以.
document.getElementById( "playButton1 ").onmouseout = vonMouseOut ;//不可以.
[解决办法]
<script type= "text/javascript ">
window.onload = function () {
var vWidth = "150 ";
var vHeight = "60 ";
var vImgPath = "http://www.csdn.net/ui/styles/public_header_footer/logo_csdn.gif ";
var vonClick = playVideo;
var vonMouseOver = playVideo;
var vonMouseOut = playVideo;
Function.prototype.raFunc = function () {
var wc = this, arg = Array.apply(null, arguments);
return function () {
wc.apply(null, arg);
};
};

var playButton1 = document.getElementById( "playButton1 ");

playButton1.width = vWidth ; //可以显示
playButton1.height= vHeight ;//可以显示
playButton1.src = vImgPath ;//可以显示
playButton1.onclick = vonClick.raFunc( "click ") ; //不可以.
playButton1.onmouseover = vonMouseOver.raFunc( "over ") ;//不可以.
playButton1.onmouseout = vonMouseOut.raFunc( "out ") ;//不可以.
};
var playVideo = function () {
alert( "这个是CSDN的LOGO:形式参数个数有 " + arguments.length + " 个\n " + arguments[0]);
};
</script>
<input id= "playButton1 " type= "image " />

热点排行
Bad Request.