Welcome 微信登录

首页 / 脚本样式 / JavaScript

用JS将搜索的关键字高亮显示实现代码

用JS将搜索的关键字高亮显示实现代码

用JS让文章内容指定的关键字加亮是这样的..现在有这些关键字:美容,生活,购物当在文章里头出现这些关键字,就把它加亮显示..文章是生成静态页面的,而这些关键字是能随时更新的,所以我想用JS来实现...不知道怎样来实现这样的功能啊?特此求助复制代码 代码如下:<script language="JavaScript">function highlight(key) {var key = key.split("|");for (var i=0; i...
JQ获取动态加载的图片大小的正确方法分享

JQ获取动态加载的图片大小的正确方法分享

有一些很容易出错的获取动态加载的图片的尺寸的方法, 之所以出错, 主要原因是:你在代码在图片从网页上下载完毕之前就调用了, 这种情况在本机开发时不太容易发现.jQuery load()事件处理的BUG, 当图片是从浏览器缓存取得时, 获取的是错误的尺寸.错误的代码是:(错误)在添加了HTML之后立即调用代码获取尺寸复制代码 代码如下: var html = ""; $("#my_div").html(html); var width = $("#my...
setTimeout和setInterval的深入理解

setTimeout和setInterval的深入理解

大概半年前发表过一篇关于setTimeout和setInterval的文章,但是现在回去仔细一看发现其实存在很多不足以及错误。事实上,setTimeout和setInterval并没有我们字面上理解的那么简单。要真正掌握并理解这两个方法,还得从javascript的单线程机制说起。 【开门见山】setTimeout和setInterval是如何工作的呢? 我们知道,js是单线程执行的。所以其实setTimeout和setInterval所谓的“异步调用”事...
javascript阻止scroll事件多次执行的思路及实现

javascript阻止scroll事件多次执行的思路及实现

写这个主要是为了解决一些常见网页特效在js解析时预期与效果不同。 原始代码 : 复制代码 代码如下: //测试代码 window.onscroll = function(){ alert("haha"); } 装在script标签内 鼠标滑动之后一直惦记 提示框才可以,所以很不方便 , 而且 目的是鼠标滑动后 只执行一次事件,这个效果显然和实际不符合吧。 //代码改进--增加延时器。 既然scroll事件是一个连续触发事件,那我设置一个延迟器,在用户滑动...
window.onresize 多次触发的解决方法

window.onresize 多次触发的解决方法

之前做一个扩展,需要在改变窗口大小的时候保证页面显示正常,于是用了 window.onresize 但是发现每次 onresize 后页面中状态总是不对,后来查找出来原来是 onresize 事件触发了多次找成的,于是网上搜集了下解决办法,整理一下。 // 关于 onresize 事件触发次数,不同浏览器不同,safari, opera, firefox 都是一次(分别只用了一个版本测试,都是较新的); //ie6 在 quirk 下触发 2 次,标准下 ...
原生JS可拖动弹窗效果实例代码

原生JS可拖动弹窗效果实例代码

这个代码不是我原创的,只是最近想学自己做一个很漂亮的弹窗,自己本来是不会怎么写的,所以上网去找了下,感觉这个不错,很简单,很实用,入门很棒。我就改了下,使逻辑性和可读性更好。 原作者已不可考。感谢原作者,阿门。复制代码 代码如下:<html> <head> <meta http-equiv="Content-Type"content="text/html; charset=gb2312"/> <meta name...
深入理解Javascript中的循环优化

深入理解Javascript中的循环优化

循环是大多数编程语言都具备的基本功能,JS也不例外,不同之处在于JS是解释型语言,运行于浏览器环境中,客户端的软硬件条件会对JS执行效率产生很大的影响。然而客户端环境对于开发者是未知、多样的,并且难以改变,所以优化代码质量是提高代码效率的主要途径。JS代码中,循环是比较容易导致性能问题的因素。理解循环特性进而有针对性地进行优化也许会带来不错的性能提升。for、while、do-while循环:这三种循环本身的循环效率相差不多,所以只要根据适合的应用场景选择...
<< 721 722 723 724 725 726 727 728 729 730 >>