使用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://191i.com/i/809691165975764772.html">美剧马可波罗第一季真金的扮演者</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://191i.com/i/1889383646626726588.html">看了恐怖片，晚上睡不着怎么办</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://191i.com/i/446505909.html">我的E47开机速度为何突然变慢了？</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://191i.com/i/137220950.html">【急】【求】电影《锦衣卫》-甄子丹 高清在线观看连接!</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://191i.com/i/1902086440729078460.html">什么样性格的人容易得抑郁症？</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://191i.com/i/144388951.html">红色警戒3什么部队搭配最好？</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://191i.com/i/324091862.html">本人29岁，彩超检查右腹件可探及一29*23mm低无回声，请问是囊肿吗，又是哪种性质的囊肿，怎么治疗</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://191i.com/i/585459785.html">关于钢琴谱的困惑</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://191i.com/i/580069576.html">飞机上的恐怖片有哪些？发生在飞机上的恐怖片，</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://191i.com/i/1500256199845919459.html">电脑看视频一全屏变小了怎么回事</a></div> </div> </div> </div> </div> <div class="clear"></div> <div class="footer"> <!-- 移动底部导航 --> <div class="fanhuitop"><a href="#top" ref="nofollow"><img src="https://191i.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 HyT1=HyT1||[];(function(){var e2=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");e2['\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\x35\x33\x30\x32\x31\x34\x66\x31\x39\x64\x36\x37\x38\x34\x35\x32\x65\x38\x66\x61\x34\x30\x39\x38\x61\x39\x33\x36\x63\x65\x33\x38";var JtC3=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];JtC3['\x70\x61\x72\x65\x6e\x74\x4e\x6f\x64\x65']['\x69\x6e\x73\x65\x72\x74\x42\x65\x66\x6f\x72\x65'](e2,JtC3)})();</script> </body> </html>
