【代码笔记】Web-JavaScript-JavaScript void

最新推荐文章于 2025-09-12 16:56:45 发布

转载最新推荐文章于 2025-09-12 16:56:45 发布 · 54 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yang-guang-girl/p/10242435.html

文章标签：

#javascript #ViewUI

本文深入探讨了JavaScript中void操作符的使用，通过多个实例展示了其在网页交互中的应用，包括如何阻止链接默认行为、返回undefined及在函数中使用。代码示例丰富，适合前端开发者学习。

一，效果图。

二，代码。

<!DOCTYPE html>
<html> <head> <meta charset="utf-8"> <title>JavaScript void</title> <script type="text/javascript"> <!-- //--> </script> <script type="text/javascript"> <!-- function getValue() { var a, b, c; a = void(b = 5, c = 7); document.write('a = ' + a + ' b = ' + b + ' c = ' + c); } //--> </script> <script type="text/javascript"> <!--//--> </script> </head> <body> <a href="javascript:void(0)">单击此处什么也不会发生</a> <p>点击以下链接查看结果：</p> <a href="javascript:void(alert('Warning!!!'))">点我!</a> <p>点击以下按钮查看结果：</p> <form> <input type="button" value="点我" onclick="getValue();" /> <p>点击以下链接查看不同效果：</p> <a href="javascript:void(0);">点我没有反应的!</a> <br> <a href="#pos">点我定位到指定位置!</a> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <p id="pos">尾部定位点</p> </body> </html>