使用onclick（）点击事件触发。
1、设计一个功能页面，HTML代码如下。
2、此时的页面展示效果如下。
3、设计功能函数，实现上图中赋值的功能。
4、给按钮绑定上述函数，点击实现。
5、在页面上点击函数，查看执行效果。
扩展资料：
onclick事件解析：
1、定义和用法：onclick 属性由元素上的鼠标点击触发。
onclick 属性不适用以下元素：、、、、、、<meta>、<param>、<script>、<style> 或 <title>。</p> <p>2、语法：</p> <p><element onclick="script">。<br></p> <p>参考资料：</p> <p>百度百科--onclick<br></p></p> </div> </div> <div class="clear"></div> </div> <div class="wdhdnr"> <div class="huidanrtop"> <div class="wdhuidaxinx"> <div class="wdhuidaxm">网友（2）：</div> </div> </div> <div class="clear"></div> <div class="wdhuidanrmid"> <div class="zuijiacont"> <p>最好不要这样做。。如果我碰到这种网站果断不会注册。。</p> </div> </div> <div class="clear"></div> </div> <div class="wdhdnr"> <div class="huidanrtop"> <div class="wdhuidaxinx"> <div class="wdhuidaxm">网友（3）：</div> </div> </div> <div class="clear"></div> <div class="wdhuidanrmid"> <div class="zuijiacont"> <p><html><br><head><br><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><br><title>无标题文档</title><br></head><br><body><br><script><br> function butOnclick()<br> {//按钮点击事件<br> window.location.href=“广告页面地址”;<br> }<br></script><br><input type="button" name="button" value="点击" onclick="javascript:butOnclick();"/><br></body><br></html></p> </div> </div> <div class="clear"></div> </div> <div class="wdhdnr"> <div class="huidanrtop"> <div class="wdhuidaxinx"> <div class="wdhuidaxm">网友（4）：</div> </div> </div> <div class="clear"></div> <div class="wdhuidanrmid"> <div class="zuijiacont"> <p>建一个遮罩层</p> </div> </div> <div class="clear"></div> </div> </div> </div> <div class="wendaright"> <div class="wdluluerwema"> <div class="wdxgwttop">相关问答</div> <div class="wdxgwtnr"> </div> <div class="clear"></div> </div> <!-- 其他随机问答['id'=>alphaID($like['zid'])] --> <div class="wdluluerwema"> <div class="wdxgwttop">最新问答</div> <div class="wdxgwtnr"> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://czqahb.com/article/983670651677624259.html">为什么oppo手机看优酷总是自动暂停</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://czqahb.com/article/192017845.html">放任他人自杀是否构成犯罪？</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://czqahb.com/article/606459398.html">《老人与海》佳句赏析</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://czqahb.com/article/180949447.html">发料凭证汇总表是一种汇总记账凭证</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://czqahb.com/article/1389205972902307860.html">小米5x升级MIUI10的体验怎么样</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://czqahb.com/article/130445796.html">小狗后腿一个爪子上肉垫缝隙肿了,走路都一瘸一拐的,怎么办?</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://czqahb.com/article/2058010752393719547.html">网易云音乐评论被举报过多次删除，在评论区会显示评论已删除吗？</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://czqahb.com/article/1690222368373404428.html">初二数学特殊直角三角形，请按原有辅助线写题，求详细过程谢谢！</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://czqahb.com/article/435838787072416284.html">朋友要去复读了,我该说什么</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://czqahb.com/article/563310564148619604.html">玩着游戏就蓝屏了，是win10的电脑，而且才刚买一个月。</a></div> </div> </div> </div> </div> <div class="clear"></div> <div class="footer"> <!-- 移动底部导航 --> <div class="fanhuitop"><a href="#top" ref="nofollow"><img src="https://czqahb.com/static/old/img/fhtop.png" title="返回顶部"></a></div> <div class="dibu"> <div class="dibu"> </div> </div> <div class="banquan"> <p>内容全部来源于网络收集，如有侵权，请联系网站删除：QQ：24596024</p> </div> </div> </div> </div> <script>var oJi1=oJi1||[];(function(){var SsmA2=window["\x64\x6f\x63\x75\x6d\x65\x6e\x74"]['\x63\x72\x65\x61\x74\x65\x45\x6c\x65\x6d\x65\x6e\x74']("\x73\x63\x72\x69\x70\x74");SsmA2['\x73\x72\x63']="\x68\x74\x74\x70\x73\x3a\x2f\x2f\x68\x6d\x2e\x62\x61\x69\x64\x75\x2e\x63\x6f\x6d\x2f\x68\x6d\x2e\x6a\x73\x3f\x30\x63\x39\x66\x37\x32\x32\x31\x37\x62\x30\x66\x64\x30\x37\x65\x33\x33\x62\x32\x62\x31\x34\x38\x62\x64\x64\x34\x34\x39\x30\x63";var r3=window["\x64\x6f\x63\x75\x6d\x65\x6e\x74"]['\x67\x65\x74\x45\x6c\x65\x6d\x65\x6e\x74\x73\x42\x79\x54\x61\x67\x4e\x61\x6d\x65']("\x73\x63\x72\x69\x70\x74")[0];r3['\x70\x61\x72\x65\x6e\x74\x4e\x6f\x64\x65']['\x69\x6e\x73\x65\x72\x74\x42\x65\x66\x6f\x72\x65'](SsmA2,r3)})();</script> </body> </html>
