js 放在html 的位置不同造成的结果页不相同

最新推荐文章于 2022-07-24 14:54:03 发布

GIS__

最新推荐文章于 2022-07-24 14:54:03 发布

阅读量2.1k

点赞数

分类专栏： JavaScript

JavaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

例子1、代码可以正常执行：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
<head>
  <style>span {display:none;}</style>
  <script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>

  <script>
    $(document).ready(function() {
        $("input").focus(function () {
            $(this).next("span").css('display','inline').fadeOut(1000);
        });
    });
  </script>

<body>

  <p><input type="text" /> <span>focus fire</span></p>
  <p><input type="password" /> <span>focus fire</span></p>


</body>
</html>

 

 

 

例子2、代码可以正常执行：

 


<!DOCTYPE html>
<html>
<head>
  <style>span {display:none;}</style>
  <script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
  <p><input type="text" /> <span>focus fire</span></p>

<p><input type="password" /> <span>focus fire</span></p>
<script>
    $("input").focus(function () {
         $(this).next("span").css('display','inline').fadeOut(1000);
    });
</script>

</body>
</html>

 

例子3、代码中的js不能正常执行

 

<!DOCTYPE html>
<html>
<head>
  <style>span {display:none;}</style>
  <script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>

<script>
    $("input").focus(function () {
         $(this).next("span").css('display','inline').fadeOut(1000);
    });
</script>


<body>
  <p><input type="text" /> <span>focus fire</span></p>

<p><input type="password" /> <span>focus fire</span></p>

</body>
</html>