有关jsp中onclick事件无效的原因，以及jsp中页面加载顺序的问题

最新推荐文章于 2024-05-19 18:52:56 发布

代码量

最新推荐文章于 2024-05-19 18:52:56 发布

阅读量7.3k

点赞数

分类专栏： js 文章标签： jsp

本文链接：https://blog.csdn.net/Sunny__wei/article/details/71195121

版权

js 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

今天在写jsp页面时遇到一个有关onclick事件无效的问题，在这里分享一下：

   <body>
  <div>
   <input type="text" id="name"/>
  </div>
  <div id="hint">
   <ul id="ul" >
    <li onclick="voluation();">aa</li>
   </ul>
  </div>
  </body>
     <script type="text/javascript">
    $(function()
    {
        function voluation()
        {
            alert("方法被调用");
        }
    });  
  </script>

如上代码发现绑定的onclick事件怎么都不能被触发，最后发现voluation()函数写在 $(function())中了，为什么写在里面就调用不到了呢，这是因为$ (function())是在页面加载完的情况下才会执行里面的方法，也就是说在onclick事件上绑定的这个函数是不存在的。

只需要把voluation()函数定义到外面就可以了

  <body>
  <div>
   <input type="text" id="name"/>
  </div>
  <div id="hint">
   <ul id="ul" >
    <li onclick="voluation();">aa</li>
   </ul>
  </div>
  </body>
     <script type="text/javascript">
    $(function()
    {

    });  
    function voluation()
    {
        alert("方法被调用");
    }
  </script>

那么问题又来了jsp是从上至下执行，为什么voluation()函数在绑定事件的下面也会被绑定上呢？这是因为页面加载过程中，浏览器会对页面上或载入的每个js代码块(或文件)进行扫描，如果遇到定义式函数，则进行预处理，处理完成之后再开始由上至下执行；遇到赋值式函数，则只是将函数赋给一个变量，不进行预处理，待调用到的时候才进行处理。

代码量

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
有关jsp中onclick事件无效的原因，以及jsp中页面加载顺序的问题

今天在写jsp页面时遇到一个有关onclick事件无效的问题，在这里分享一下： <body> <div> <input type="text" id="name"/> </div> <div id="hint"> <ul id="ul" > <li onclick="voluation();">aa</li> </ul> </div> </body>
复制链接

扫一扫

专栏目录