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

最新推荐文章于 2021-06-15 14:48:16 发布
最新推荐文章于 2021-06-15 14:48:16 发布
阅读量1.9k 收藏
点赞数 1
分类专栏： jQuery javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qyf_5445/article/details/8590629
版权
html 同时被 3 个专栏收录
20 篇文章 0 订阅
订阅专栏
javascript
18 篇文章 0 订阅
订阅专栏
jQuery
9 篇文章 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>

 

来源：http://jackroomage.iteye.com/blog/1807442

quyf
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
JavaScript弹出新窗口并控制窗口移动到指定位置的方法
12-11
本文实例讲述了JavaScript弹出新窗口并控制窗口移动到指定位置的方法。分享给大家供大家参考。具体如下： 下面的JS代码通过window.open弹出一个新窗口，然后通过JS代码控制窗口移动到指定的位置 <!DOCTYPE html> <html> <head> [removed] function openWin() { myWindow=window.open('','','width=200,height=100'); myWindow.[removed]("<p>This is 'myWindow'</p>"); } function moveWin() { myWind
javascript放在HTML中不同位置的区别
Kevin's life
06-09 4763
一个比较基础的问题： javascript放在head里和放在body里有什么区别？ 1、先加载和后加载的区别。 浏览器解析html是从上到下的。如果把javascript放在head里，则先被解析。需要用window.onload起到一个延迟加载的作用。JavaScript脚本写在body里面，也要看具体位置。一般都是写在了body标签的最后面。 2、javascript代码默认是同步执行...
html引入jquery绝对路径,jquery绝对路径
weixin_39652658的博客
06-15 681
1、修改为绝对路径$(document).ready(function(){$.get("${pageContext.request.contextPath}/servlet/Test",null,function (data) {alert("hello");$("#logs").append("[data: " + data + " ]");});});${pageContext.reques...
在idea中写入的html以及css这些文件放置位置
weixin_30394981的博客
11-25 5550
对于这些文件夹或者文件要放在web根目录下边，如果放在WEB-INF下边访问不了！！出现404错误 转载于:https://www.cnblogs.com/lzhicheng/p/7895907.html
JS中使用window-location-href时IE浏览器和其它浏览器中路径不一致的问题
客博的家玩号头
09-13 3697
用IE的时候，地址栏的路径会多了一层或几层。在js用 window.location.href跳转，用相对路径，google是在项目名后，IE却多一层 ，造成重复url 解答： 其实这个不管iE和chrome不一样。其实也包括Firefox。这是浏览器对相对路径的解析不一样造成的。 在项目中用window.location做跳转，  @ie中跳转以当前路径开始跳转  @ff/chrome...
JavaScript程序开发之JS代码放置的位置
11-22
不同位置的选择取决于具体的需求。如果JavaScript代码用于页面初始化，或者与页面内容紧密相关，那么放置在`<body>`标签底部是最佳选择。如果代码用于定义全局函数或库，那么外部`.js`文件更为合适，这样可以实现...
HTML5页面编码规范.docx
03-05
此外，为了避免IE浏览器对id和name属性的混淆，同一页面中不应有相同name和id的元素。 对于标签的使用，文档规定所有标签名都应使用小写字母，并且非自闭合标签（如input、br、img、hr）不应自闭合。HTML5允许省略...
js实现加载页面就自动触发超链接的示例
10-19
首先，我们需要了解HTML中的超链接元素`<a>`，它用于创建一个到其他网页或同一网页内不同位置的链接。例如： ```html 点击跳转 ``` 要让页面加载完成后自动触发这个链接，我们可以使用JavaScript来模拟用户点击...
汉诺塔迭代算法加递归算法，js+html动画样式
01-09
这个描述提到的“纯JS算法”可能指的是不依赖任何库或框架，仅使用原生JavaScript来完成汉诺塔的逻辑和动画展示。这可能包括手动处理事件监听、DOM操作和定时器等，以实现圆盘的动态移动。 总的来说，这个项目提供...
js 解决“options为空或不是对象”
10-30
确保你的JavaScript代码运行在DOM加载完成后，可以使用`DOMContentLoaded`事件或者将脚本放在`<body>`标签的底部来解决这个问题。 4. **命名冲突**：如你所述，你在另一个JS文件中找到了与你的`selectMonth` ID冲突...
js位置不同导致结果不同
web_lc的博客
03-01 381
例一： Document var x=document.getElementById("intro").innerHTML; document.write("P中内容是:"+x);           hello 结果是：  hello 例二： Document hello v
js在html页面中的引用位置思考
lieyanhaipo的专栏
05-19 1057
1. 引入js在head标签之间 先加载js,后加载页面，页面内容加载延迟，用户体验差<!DOCTYPE html> <html> <head> <script type="text/javascript" src="..."></script> </head> <body></body> </html>2. 引入js在body标签最后 页面内容先呈现，后
JS打开新页面的两种方式：当前页面打开和新页面打开
热门推荐
IT_ZZQ的博客
10-22 4万+
在实际的开发过程中，经常会遇到需要刷新当前页面或者打开新页面的需求，根据具体情况我们会选择不同的打开方式，今天就简单记录一下两种方式的写法： 1.点击某一个链接之后跳转到新页面显示 window.open('http://www.baidu.com','_blank'); 2.需要刷新当前页面或者覆盖当前页面 window.open('http://www.baidu.com','_sel...
javascript在html文件中的位置
chengjiamei的专栏
09-18 929
在哪里放置 JavaScript 代码？ 通常情况下，JavaScript 代码是和 HTML 代码一起使用的，可以将 JavaScript 代码放置在 HTML 文档的任何地方。但放置的地方，会对 JavaScript 代码的正常执行会有一定影响，具体如下所述。 放置于之间 将 JavaScript 代码放置于 HTML 文档的 标签之间是一个通常的做法。由于 HTML 文档
HTML+CSS项目实践八：同一个HTML页面，在不同电脑上的显示效果不一样！解决HTML页面针对不同分辨率的问题
王迪
12-29 1万+
表象问题：同一个HTML页面，在不同电脑上的显示效果不一样。（样式错位等） 举例说明：当电脑分辨率不同时，第二张图片的样式无法完全展示。 问题分析：由于电脑屏幕分辨率不同，像素密度不同，视觉上会有差异，甚至差异很大。 参考资料：百度流量统计院 分辨率使用情况：http://tongji.baidu.com/data/screen 解决方案一：设定固定...
js如何实现上一页和下一页_你知道如何在同一页上打印不连续的区域吗？
weixin_39522927的博客
12-03 253
常规情况下，如果把同一工作表上的几个不连续区域设置为打印区域进行打印，EXCEL会把它们分别打印在单独的页面上，而不是同一页中。如果希望吧不同工作表，甚至不同工作簿的内容打印到一起，更是件看似不可能完成的任务。事实上，EXCEL的确有办法实现把多个不连续的区域打印到同一页上。01 摄影功能利用EXCEL提供的摄影功能，把需要打印的每个区域都"拍摄"下来，然后以某种格式排列到一张工作表中，然后打印这...
C语言生成不同的html文件时，它们的头部相同吗
最新发布
06-11
例如，在同一网站的不同页面中，它们可能需要共用相同的 CSS 样式表、JavaScript 脚本等资源，这些资源可以放在头部中进行引用，避免了重复的代码。但是，如果不同的 HTML 文件需要包含不同的元数据信息，如标题、...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值