`
jackroomage
  • 浏览: 1217511 次
  • 性别: 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>

 

 

分享到:
评论

相关推荐

    javascript代码应当放在html代码哪个位置比较好_.docx

    ### JavaScript代码的最佳放置位置 在Web开发中,JavaScript是一种广泛使用的编程语言,它与HTML紧密配合,用于增强网站的功能性和交互性。为了确保JavaScript代码能够有效地执行并最小化对网页加载速度的影响,...

    写个一个简单的web项目,把前端技术:html、css、JavaScript、jQuery,ajax,bootstrop等都放在这个web项目上了。

    Ajax(Asynchronous JavaScript and XML)是一种在不重新加载整个网页的情况下更新部分网页的技术。在JavaScript中,它通常通过`XMLHttpRequest`对象实现,而在jQuery中,可以使用`$.ajax()`或`$.get()`、`$.post()`...

    w3cshool之JavaScript 基础.docx

    如果需要将JavaScript代码组织得更有序,可以将其放在外部的.js文件中,通过`&lt;script src="xxx.js"&gt;&lt;/script&gt;`引入。 JavaScript变量的声明遵循一定的规则:变量名需以字母或下划线开头,且区分大小写。如果重复...

    dreamweaver怎么实现鼠标放在不同的位置显示不同的图片?

    在浏览器中预览网页,移动鼠标到不同位置,确保图片能够按照预期进行切换。 总结来看,要实现鼠标悬停显示不同图片的效果,需要熟练掌握以下知识点: - HTML基础:了解表格和div的使用。 - CSS样式:设置元素的位置...

    Essential Javascript

    - **递归**:JavaScript 支持递归函数调用,允许开发者编写能够重复执行相同操作直到满足某个条件为止的代码。 - **Lambda 表达式**:在 JavaScript 中,可以使用匿名函数或箭头函数来实现 Lambda 表达式的概念,这...

    JavaScript程序开发之JS代码放置的位置

    不同位置的选择取决于具体的需求。如果JavaScript代码用于页面初始化,或者与页面内容紧密相关,那么放置在`&lt;body&gt;`标签底部是最佳选择。如果代码用于定义全局函数或库,那么外部`.js`文件更为合适,这样可以实现...

    英文版javascript教程

    - 与Java互补:尽管JavaScript与Java类似,但它们在语法和功能上并不相同,JavaScript通常用于前端开发,而Java多用于后端开发。 - 与HTML互补:JavaScript可以用来增强HTML页面的功能,使得网页更加动态和交互性...

    2023年JavaScript学习笔记.pdf

    JavaScript代码可以根据需要放在HTML页面的不同位置,以适应不同的应用场景: - **将JavaScript代码放在`&lt;body&gt;`部分**:这通常是为了确保当JavaScript执行时,DOM元素已经被加载完成。这种方法适用于需要与用户...

    汉诺塔迭代算法加递归算法,js+html动画样式

    这个描述提到的“纯JS算法”可能指的是不依赖任何库或框架,仅使用原生JavaScript来完成汉诺塔的逻辑和动画展示。这可能包括手动处理事件监听、DOM操作和定时器等,以实现圆盘的动态移动。 总的来说,这个项目提供...

    JavaScript基础PPT

    在HTML中插入JavaScript通常使用`&lt;script&gt;`标签,可以将代码放在文档的任何位置,但通常推荐将其放置在`&lt;head&gt;`或`&lt;body&gt;`标签内,以便正确解析和执行。 JavaScript的基本语法结构如下: ```html // JavaScript ...

    小清新简单404错误单页(含自动跳转) 404页面模板 404跳转代码

    第一步是将404.html文件上传到您的网站服务器,通常是放在根目录下,以便当用户访问不存在的URL时,服务器会返回这个定制的404页面。第二步是修改自动跳转定向的域名。在404.html的源代码中,您会找到设置跳转目标的...

    WEB中javascript脚本语言

    在Web开发中,JavaScript脚本可以放在HTML文档的不同位置,这些位置对脚本的执行时机有着重要影响。 1. **位于`head`部分** - **作用**: 放置在此处的脚本不会影响页面的加载速度,因为它们通常是在文档解析完成后...

    JavaScript 入门经典5th_Ch01-101

    这些标签可以放在文档的`&lt;head&gt;`或`&lt;body&gt;`部分,而JavaScript代码也可以存储在单独的.js文件中,通过`&lt;script&gt;`标签的`src`属性引用。这样做有多个优点,例如便于代码管理、提升页面加载速度(因为浏览器可以缓存....

    html初学者入门教程

    HTML中的标签不区分大小写,即HTML、Html或html都是相同的,但通常推荐使用小写字母。HTML文档由头部(head)和主体(body)两部分组成,头部信息通常包括标题和元信息,而主体部分包含了用户在浏览器中看到的所有...

    第二课 如何使用js1

    在前端开发中,JavaScript(简称JS)是一种不可或缺的编程语言,它赋予了网页动态交互的能力。本篇将详细介绍如何在HTML文档中使用JavaScript,主要涉及三种引入JS的方式。 首先,我们来看第一种方式——行内使用。...

    无限互联JavaScript入门教程

    `&lt;script&gt;`标签可以放在HTML文档的任何位置,但最常见的位置是在`&lt;head&gt;`部分或者`&lt;body&gt;`结束之前。 ```html &lt;script type="text/javascript"&gt; // JavaScript代码写在这里 ``` - **输出内容到页面**:可以...

    H146国外_HTML手机电脑网站_网页源码_移动端前端js效果_H5模板_自适应css样式ui组件.zip

    标题中的“H146国外_HTML手机电脑网站_网页源码_移动端前端js效果_H5模板_自适应css样式ui组件.zip”表明这是一个包含HTML、CSS和JavaScript代码的压缩包,主要用于创建响应式(自适应)的手机和电脑网站。...

    解决用jquery load加载页面到div时,不执行页面js的问题

    如果两个URL的协议、域名或端口号其中之一不相同,则这两个URL就不属于同一个源。 3. iframe的作用和用法:iframe是HTML中的一个标签,用于在当前页面中嵌入另一个独立的页面。通过给iframe设置name属性,可以在...

    javascript考试题二.pdf

    `”JavaScript” src= ”scriptfile.js”&gt;&lt;/script&gt;`。 14. **字符串与数字的拼接**:在JavaScript中,当字符串与数字相加时,数字会被转换成字符串。因此,`c+d`的结果是`"1010"`。正确答案是C. `1010`。 15. **...

Global site tag (gtag.js) - Google Analytics