`
jackroomage
  • 浏览: 1196941 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类

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

 
阅读更多

例子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>

 

 

分享到:
评论

相关推荐

    基于HTML5的网页视频播放器

    HTML5的,Flash和其他播放技术都有不同的JavaScript API与视频交互。video.js提供了一个单一的API,可用于跨平台一致,所以你只需要编写一次代码。 轻量级闪回退 大多数Flash视频播放器是巨大的。除了正在播放的...

    代理中Domino对域的解析和GetItemValue使用方法

    Notes里提供了一个可以放在浏览器里的富文本Java(不是JavaScript)小程序,从而可以得到富文本的一些功能,但是你并不能用JavaScript来对它编程,而且它也不是一个真正的HTML对象类型。  更让Notes开发人员惊讶的是...

    html入门到放弃笔记

    HTML + JavaScript + Ajax + CSS 赵旭 zhaoxu@tedu.cn HTML5 1、WEB基础知识(了解) 1、Internet - 网 由若干台电脑、手机、平板 通过 网线(WIFI) 连接起来的结构 2、基于Internet上的程序 1、C / S 结构 ...

    网站的登录模版[html css/div javascritp ]

    2:css javascript images 放在自己的文件夹内 3:通过javascript 实现输入验证 4:账号要求 6-12位 必须以字母开头 只能包含 a-z、0-9、_、@ 5:密码要求 6-20位 不能与账号相同 6:注意用户体验

    webview与js的交互

    webview与js的交互。 其实这个demo完全可以在客户端实现相同功能,这里只是学习交互如何实现的。并且用html动态加载会比较灵活,可以在服务端随时更新样式。没有公网服务器,我把网页放在assets中,不过不影响的。

    geoserver-rest-js:使用 javascript(使用 jQuery),它提供了使用 Geoserver REST API 的功能。 它还提供了一个使用 Handsontable 的 HTML GUI 来简化 Geoserver 操作

    geoserver-rest-js 使用 javascript(使用 jQuery),它提供了使用 Geoserver REST API 的功能。 它还提供了一个使用 Handsontable 的 HTML GUI 来简化 Geoserver 操作。 ##安装您可以直接在应用程序中使用...

    认识JavaWeb.pdf

    内容各不相同。 2、WEB应用程序 WEB应用程序指供浏览器访问的程序,通常也简称为web应用。例如有a.html 、b.html…..多个web资 源,这多个web资源用于对外提供服务,此时应把这多个web资源放在一个目录中,以组成一...

    ymprompt消息提示组件4.0【js插件弹出框美化版】

    如:&lt;script type="text/javascript" src="ymPrompt.js"&gt;&lt;/script&gt; 2、在页面中引入对应的皮肤文件的CSS,如: 3、自定义组件的默认配置信息(此步骤可选,该方法可以在任意时间调用) 页面的js中通过ymPrompt....

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -修正了弹出菜单的位置在Firefox下不正确的BUG(feedback:eroach)。 -为TriggerBox和TwinTriggerBox增加EnableEdit属性。 -使用Hidden来显示隐藏ExtAspNet控件,而不是使用Visible属性(Visible目前设置为只读属性...

    JavaWeb中的Servlet概述,帮助初学者认识何为Servlet

    内容各不相同。 2、Web应用程序 WEB应用程序指供浏览器访问的程序,通常也简称为web应用。例如有a.html 、b.html…..多个web资 源,这多个web资源用于对外提供服务,此时应把这多个web资源放在一个目录中,以组成一...

    价值2000元的苹果cms电影网站后台带采集源码PHP,电影网站源码.rar

    每个模版都可定义不同的样式,所以系统内置的功能的相关文件也都放在了模版里,每个模版里存储一份,避免替换系统目录下的其他文件。 ads/ 存放广告js文件,可自定义名称, 在当前模版路径的config.xml 里配置...

    15条JavaScript最佳实践小结

    把外部JavaScript文件放在HTML底部 我们的目标是相同的:为用户尽可能快地显示内容。当载入一个脚本文件的时候,HTML会停止解析,直到脚本载入完毕。因此,用户可能会长时间对着一个空白的屏幕,看上去什么都没有...

    JS API接口和返回的版本

    目前所有版本的JS JSP ASP .NET J2AM 都是提供源代码的,对于一些脚本语言来说,直接解压缩之后就可以使用了,不需要什么安装步骤。另外一些需要编译的语言,则提供了编译用的 shell 文件(Linux/Unix 下使用)和 ...

    ExtAspNet_v2.3.2_dll

    -修正了弹出菜单的位置在Firefox下不正确的BUG(feedback:eroach)。 -为TriggerBox和TwinTriggerBox增加EnableEdit属性。 -使用Hidden来显示隐藏ExtAspNet控件,而不是使用Visible属性(Visible目前设置为只读属性...

    JS JSP ASP .NET J2AM API接口和返回的版本

    目前所有版本的JS JSP ASP .NET J2AM 都是提供源代码的,对于一些脚本语言来说,直接解压缩之后就可以使用了,不需要什么安装步骤。另外一些需要编译的语言,则提供了编译用的 shell 文件(Linux/Unix 下使用)和 ...

    vue语法.rar

    等号左边与右边必须都是对象,名字要一一对应,顺序不需要对应,对应不上的值结果是undefind 十四、字符串模板 1.字符串需要用一堆反引号包裹起来,它可以定义多行字符串,只用一堆反引号 2.要拼进去的数据需要...

    全网热搜热榜资讯头条自动采集聚合系统源码 后端Python

    4.相同网站放在一个框架内,可局部刷新和滚动 5.更新时间显示(按采集页的自带更新时间或按时间排序的第一条时间采集,没有的为采集完成时间) 6.内容链接防盗链,链接通过base64+字符逆序+大小写反转+base64实现加密...

    求两个数组的交集,配合去重方法使用.html

    两数组找相同 ## 1.给定两个数组,编写一个函数来计算它们的交集。 - 输出结果中的每个元素一定是唯一的。 ``` 输入:nums1 = [1,2,2,1], nums2 = [2,2] 输出:[2] 输入:nums1 = [4,9,5], nums2 = [9,...

    学生网络安全.docx

    六、给家长提了十条建议 1、 不要将电脑装在孩子卧室,最好放在家中明显位置。 2、 控制孩子使用电脑的时间和方式。 3、 经常了解孩子的网上交友情况。 4、 与孩子共同阅读电邮来信,预先删除含色情内容的垃圾邮件...

    JavaScript实现左右滚动电影画布

    本文实例为大家分享了JavaScript实现左右滚动电影画布的具体代码,供大家参考,具体内容如下 实现效果: 1. 鼠标放在图片左边,图片向右移动 2. 鼠标放在图片右边,图片向左移动 3. 鼠标放在图片外,图片暂停 实现...

Global site tag (gtag.js) - Google Analytics