文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

分享一个基于jQuery的锁定表格行列的js脚本。

网上也有很多锁定行列的方法，一个是使用css，另一个就是专门的控件附带有锁定的功能。css的大多数锁定行，而不能锁定列。...最近我在学jQuery，我觉得找个需求来学习，进步会比较快，于是就选择了锁定行列的这个需求。 　　目的： 　　1、针对来锁定，只要是table标签的形式都能锁定。...其实以前也做过两个版本，因为以前js很烂，也不知道有jQuery这样的东东，于是就想了一个笨法。...1、引用jquery-1.4.2.js 　　2、引用scroll-1.0.js （下载） 　　3、在要锁定的table外面加上一个div，并且设置id 　　4、调用js函数，myScroll('div_Main...初学jQuery，js的功底也很差，所以现在的1.0版本的代码只是实现了基本的功能，代码的美观、运行效率那就很差了，以后还需要继续前进。 　　2、td的高度和宽度还是差了一些，不过基本上可以忍受。

3.8K60
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    前端 实战项目·动态加载 JS 文件

    动态加载 JS 脚本指仅在某些特殊页面引入依赖文件，而非全局引入，这样可以避免在这些页面并未打开时造成加载无用的资源，提高页面加载速度的同时，也让整个项目更加模块化。...对于 defer，可以认为是将外链的 js 放在了页面底部。js 的加载不会阻塞页面的渲染和资源的加载。defer 会按照原本的 js 的顺序执行。...对于 async，它的作用是能够异步的加载和执行脚本，同样不会阻塞页面的渲染和资源的加载，一旦加载到就会立刻执行。...如果加了 async 属性就相当于单独开了一个进程去独立加载和执行，而defer是和将 放到 底部一样的效果。...等待上一个脚本文件加载完成后再加载下一个文件，从而实现按次序加载执行脚本。

    6.8K40

    Shell 命令行实现将一个站点页面全部下载到本地并替换其中链接的脚本

    Shell 命令行实现将一个站点页面全部下载到本地并替换其中链接的脚本 不知道为什么，我总想用 Shell 脚本来实现把一个站点内容给下载下来。但是下载什么站点我确不知道。...今天尝试了一下利用 curl 实现了下载一个站点列表的 demo 算是小试牛刀。 当脚本成功之后，我知道，要把这个站点完全下载下来也是没有问题的。不过是需要更加复杂的循环和匹配而已。...接下来有工作要做，所以 shell 的学习暂时先告一段落。 实现代码 #!...截取页面的列表内容区域。 根据页面特点，拆解出页面链接。 循环下载链接并保存。 批量替换页面的链接不合适的地方。 然后就大功告成了。 不过 wget 比 curl 可能更适合干这个工作。...以上脚本均在 mac 下测试通过，在 Linux 下可能会有稍许不同。

    1.2K50

    25个常规方法优化你的jquery代码

    整合所有的脚本并缩减它们不错，这是JavaScript的一个常见技巧。...浏览器不能同时加载JS脚本（大多数情况下），这意味着如果你同一时间加载很多脚本的话，将减缓页面的加载速度。因此，如果每个页面都要加载这些脚本，你应该考虑在发布之前将这些脚本整合成一个稍大的JS脚本。...一些jQuery插件已经最小化了，但是你应该打包你的JS脚本和那些没有缩减过的脚本，这仅需要几秒的时间就可以完成。 就个人而言，我推荐Packer by Dean Edwards 4....上花费了216毫秒，仅仅在1/5秒左右。...使用noConflict重命名jQuery对象 大多数JavaScript框架都使用$符号作为缩写，当在同一个页面使用多个JS框架时，页面很容易发生冲突。幸运的是有一个简单的方法。

    2.4K10

    浅谈xss——跨站脚本攻击(四)

    文章目录[隐藏] 讲了这么多攻击方式，这次讲一讲防范方法 前文： 浅谈xss——跨站脚本攻击(一) 浅谈xss——跨站脚本攻击(二) 浅谈xss——跨站脚本攻击(三) 讲了这么多攻击方式，这次讲一讲防范方法...(Firefox ) ,也就是jQuery的text ( )来输出文本内容 2 .必须要用innerHTML等等函数，则需要做类似php的 htmlspecialchars的过滤 C .其它的通用的补充性防御手段...1 .在输出html时，加上Content Security Policy的Http Header (作用：可以防止页面被XSS攻击时，嵌入第三方的脚本文件等) (缺陷：IE或低版本的浏览器可能不支持...) 2 .在设置Cookie时，加上HttpOnly参数 (作用：可以防止页面被XSS攻击时，Cookie信息被盗取，可兼容至IE6) (缺陷：网站本身的JS代码也无法操作Cookie，而且作用有限，只能保证...Cookie的安全) 3 .在开发API时，检验请求的Referer参数 (作用：可以在一定程度上防止CSRF攻击) (缺陷：IE或低版本的浏览器中，Referer参数可以被伪造) 这里我们选用htmlentities

    69820

    编写一个注册信息填写界面，使用jQuery和JavaScript处理输出的信息，该页面能完成多种信息检查，并能利用jQuery发送Ajax请求。创建的JavaWeb项目名称为JQueryTest

    编写一个注册信息填写界面，使用jQuery和JavaScript处理输出的信息，该页面能完成多种信息检查，并能利用jQuery发送Ajax请求。...创建的JavaWeb项目名称为JQueryTest 这次一看就是前端的框架使用了 我就不多说 不熟练哈 编写一个注册信息填写界面，使用jQuery和JavaScript处理输出的信息，该页面能完成多种信息检查...，并能利用jQuery发送Ajax请求。...创建的JavaWeb项目名称为JQueryTest 图片截图 ? ? ? ? ? 为了大家的减少重复问题, 多搞了几个备用图哈 ? ? ? ?.../form> jquery2.1.4

    1.4K50

    jQuery学习笔记之插件开发（4）

    1.插件的种类（3种）：局部、全局、选择器插件 1.1封装对象方法的插件 这种类型的插件是把一些常用或者重复使用的功能定义为函数，然后绑定到jQuery对象上，从而成为jQuery对象的一个扩展方法...有很多jQuery内部方法，也是在jQuery脚本内部通过这种形式插入到jQuery框架中的，如parent()、appendTo()和addClass()等方法。...jQuery命名空间下，从而作为jQuery作用域下的一个公共函数使用。...作为一个标准的验证方法库，Validation拥有如下特点： 内置验证规则：拥有必填、数字、EMAIL、URL和信用卡号码等19类内置验证规则。...简单强大的验证信息提示：提供自定义覆盖S默认提示信息的功能。 实时验证：可以通过keyup或blur事件触发验证，而不仅仅在表单提交时验证。

    74650

    使用脚本操作UpdatePanel中控件的问题

    假设有一个脚本（用js或者jQuery等类似手段编写），为UpdatePanel中的一个普通的TextBox赋值。...因为UpdatePanel是一个异步的回发页面。这个页面在初次加载的时候自然随着整个页面的刷新加载而加载，因此作用于页面级别的jQuery代码可以起到作用。...但是等到点击button之后，仅仅是UpdatePanel中的内部内容刷新了，整个页面根本不刷新（换句话说，整个页面的jQuery根本没有执行）。因此没有任何作用了。 　　...其实这是微软已经封装的一个类，我们可以拿它和一般的服务端的Page类做一个类比，方便记忆（只不过一个处理服务端，一个是客户端而已）：其中PageRequestManager位于Sys.WebForms下...后者则从客户端的角度（加载了所有Html以及服务端自动生成的脚本等），可以进行额外的控制了。一般我们开发人员主要考虑在这两个事件中处理事情居多。

    2.3K100

    《手把手教你》系列技巧篇（五十二）-java+ selenium自动化测试-处理面包屑（详细教程）

    所以，面包屑导航的作用是告诉访问者他们在网站中的位置以及如何返回。，是在用户界面中的一种导航辅助。它是用户一个在程序或文件中确定和转移他们位置的一种方法。 2.什么是面包屑导航？...面包屑就是我们经常看到的“主分类>一级分类>二级分类>三级分类>……>最终内容页面”这样的方式，一种表达内容归属的界面元素，如下图所示： 为了浏览体验，一般情况只有3级，首页>栏目页>内容页，3层目录结构可以让用户随时随地的找到自己所在的位置又能保证栏目分类后的各个栏目的权重不至于太分散...3.测试场景 　　不仅在网页导航需要处理面包屑，在实际的测试脚本中，有可能需要处理面包屑。处理面包屑主要是获取其层级关系，以及获得当前的层级。...最后不是链接的部分就应该是当前层级了。 4.项目实战 宏哥就参照网上的面包屑源码修改给一个小demo，进行自动化测试。...4.1demo页面的HTML代码 1.html代码：breadcrumb.html。如下： <!

    96420

    简单说 JavaScript实现雪花飘落效果

    setInterval() setInterval函数的用法与setTimeout完全一致，区别仅仅在于setInterval指定某个任务每隔一段时间就执行一次，也就是无限次的定时执行。...= setInterval(f,1000); clearTimeout(id1); clearInterval(id2); 注意： setTimeout 和 setInterval 必须要等到当前脚本的同步任务和...主要是以下4步： 1、定义一片雪花模板； 2、设置第一个定时器，周期性定时器，每隔一段时间生成一片雪花； 3、设置第二个定时器，一次性定时器，当第一个定时器生成雪花，并在页面上渲染出来后，修改雪花的样式...上面是实现的思路，下面写出具体的代码，下面的代码是JS原生代码，最后会附上JQuery实现的代码，思路都一样。 的作用是为了让生成的雪花先拼接到页面中渲染出来后，再修改他的样式，这样才能让他动起来，如果没有这个定时器，浏览器会把所有的JS代码都执行完之后才渲染页面

    2.5K50

    javascript插件的几种写法

    使用这种插件的扩展方式，在使用此插件时，需要首先引用经过JQuery包装的页面元素，如：$("#tableId").Method()。...不要用在页面显式调用JQuery的方法，而是通过直接添加JQuery插件脚本引用，即可实现对该插件的调用。...一般，如果需要用到一些全局的JQuery插件，即：插件的方法不需要显式调用，而是引用脚本即可；同时，这种插件一般对整个Web页面起到全局配置或设置的作用，如：对内部的内容进行整体布局...="text/javascript">，当然，在所有要用到JQuery的地方，需要首先添加对JQuery库脚本的引用。...在引用型插件的代码中，最主要的就是在插件中要主动调用自己所写的插件方法，上面代码中有注释的地方。否则，我们写的插件代码将不会起作用。

    1.2K10

    第81天：jQuery 插件使用方法

    在追求页面互动效果的时代，大家都想把页面效果做的美轮美奂，这一切都离不开前端技术脚本Javascript，而最近常被人用到的Javascript库文件则是jQuery。  ...jQuery的使用具体步骤如下： 一、调用库文件 使用jQuery必须链接jQuery的库文件，无论是压缩版还是正常版，必须至少在网页中链接一个，如： <script type="text/javascript...效果 链接好jQuery库文件后，还要在使用jQuery效果的页面中启动效果，如： $(document).ready(function(){ // 书写代码处 }); 在网页中加入以上两处，jQuery...所谓jQuery插件，就是开发爱好者自己利用Jquery制作的特效， 然后经过封包或包装处理成js文件，发布到网上供大家使用的脚本集合。通常这类插件除了调用jQuery库文件，还需要调用插件文件。.../ajax/libs/jqueryui/1.8/jquery-ui.min.js"> 经过这几部的操作，jQuery效果才能真正被引用到网页文件中起到作用。

    69020

    重构旧项目：从 jQuery 迁移到 Vue 3 的分步方案与避坑指南

    重构旧项目：从 jQuery 迁移到 Vue 3 的分步方案与避坑指南 在许多历史项目中，jQuery 承担了选择器、事件、AJAX、动画与插件生态的核心角色。...全局变量与工具： 的使用范围、.ajax 包装、事件总线习惯。 路由形态：是否已有 hash 路由，是否需要 SEO 与 SSR。 构建与发布：是否已使用 webpack，是否有多入口与遗留脚本。...接入 Vue 3 在 jQuery 页面中预留挂载点，例如 。 通过脚本在目标区域 createApp 并 mount。 3....DOM 管理权交接 将一个页面中的“功能岛”替换为 Vue 组件（如过滤器、列表、弹窗）。 保留 jQuery 插件，外包裹 Vue 组件或指令，统一生命周期。 4....构建冲突：确保只保留一个打包器管理目标页面的脚本与样式。 性能与可观测性 按需加载：路由级与组件级分割。 虚拟列表与懒加载：对长列表与重组件管理渲染成本。

    22310

    JQuery 学习—$.each遍历学习

    我们每天晚上睡觉早上起来，每天会重复着做很多的事情，我们的生活在程序的角度看其实就是一个循环，这个循环说简单它就简单，说复杂它就很复杂。...今天我要用欢乐的方式来介绍的是JQuery的中的一种技术，JQuery 的$.each遍历操作，不管是搞前端还是搞后端javaWeb方向的程序员（猿），你一定会和它偶遇，在某一个转角。...那一定是 官方的文档。 1：文档说明 .each( function(index, Element) ) 返回: jQuery 描述: 遍历一个jQuery对象，为每个匹配元素执行一个函数。...它会迭代jQuery对象中的每一个DOM元素。 每次回调函数执行时，会传递当前循环次数作为参数(从0开始计数)。 更重要的是，回调函数是在当前DOM元素为上下文的语境中触发的。...假设页面上有这样一个简单的无序列表。

    1.8K20

    jQuery.noConflict() 深度剖析与应用指南

    接下来会通过逐行解释来揭示这段代码的作用与底层原理, 并且会给出在真实项目里如何灵活运用的示例, 让读者更清晰地理解其功能与语法。...第一步的直观含义是看清楚这行代码本身的结构。这里出现了一个对象 jQuery, 这是当页面加载了 jQuery 库之后所具备的全局对象。...假设在同一个页面里, 另一款库也使用 $ 作为命名空间入口, 那么就可能导致彼此覆盖对方的函数。这种状况会引发难以预料的错误。...例如, 某些旧式广告投放脚本或者内嵌的地图库(可能在页面上也会占用 $)与我们项目中的 jQuery 同时加载。...作为一项简洁但关键的功能, 它让 jQuery 能够与其他库共存于同一个页面, 也给项目的开发带来了灵活性。

    25900

    Web前端工程师2016必学的四大核心技能

    2.CSS3（表示层） 作为表示层的CSS又叫层叠式样式表，能给页面起到锦上添花的作用，CSS即层叠样式表(Cascading StyleSheet)。...在网页制作时采用层叠样式表技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。...Java一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。...它的解释器被称为Java引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML(标准通用标记语言下的一个应用)网页上使用，用来给HTML网页增加动态功能，为用户提供更流畅美观的浏览效果。...它是轻量级的JS库并兼容CSS3，还兼容各种浏览器，要重点学习JQuery框架的核心功能以及最容易混淆的几个概念、JQuery各种选择器的使用，及选择器的应用优化、JQuery事件封装机制和JQuery

    1K30

    我的前端学习历程

    Jquery中的事件绑定方式有很多 click,live,bind,one,on…,它们之间的区别这里就不多讲了。on方法是官方推荐的绑定事件的一个方法，从性能和试用场景上来说都是很好的。...合并文件: 现在有很多现成的工具可以帮你将多个脚本文件文件合并成一个文件，将多个样式表文件合并成一个文件，以此来减少文件的下载次数。     ...更糟糕的是我们网页中需要加载一个外部脚本，结果返回一个404，不仅阻塞了其他脚本下载，下载回来的内容(404)客户端还会将其当成Javascript去解析。...，不仅在网页绘制或大小改变时计算，即使我们滚动屏幕或者移动鼠标的时候也在计算，因此我们还是尽量避免使用它来防止使用不当而造成的性能损耗。...使用外部Javascript和CSS文件的决定因素在于这些外部文件的重用率，如果用户在浏览我们的页面时会访问多次相同页面或者可以重用脚本的不同页面，那么外部文件形式可以为你带来很大的好处。

    1.7K60

    jQuery_T2_DOM操作

    它是一种与平台和语言无关的应用程序接口(API),它可以动态地访问程序和脚本,更新其内容、结构和www文档的风格(HTML和XML文档是通过说明部分定义的)。...HTML标签依据其作用可分为5类: 描述标题及页面概要信息的标签:如〈title〉、〈meta〉等。...规划网页布局的标签:如〈table〉、〈tr〉、〈td〉、〈p〉、〈div〉等，其作用是描述网页内容的布局结构。...jQuery的DOM 使用 jQuery 选择器选择页面中的元素，是为了生成 jQuery 对象，jQuery 对象具有特有的方法和属性，完全能够实现传统 DOM 对象的所有功能 使用jQuery操作元素...DOM对象，并将它们包含在一个数组中 DOM 对象转换成 jQuery 对象 对于一个 DOM 对象，只需要用 () 将它包装起来就可以获得对应的 jQuery 对象，其语法结构为：(DOM 对象 )

    8.5K20
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券