首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JavaScript图片库

    我们必须面对这样一个现实:没有人会等待很长长时间去下载一个网页;所以利用JavaScript来创建一个图片库将是最佳的选择; 说下步骤: 第一步:把整个图片库的链接都加载到图片库的主页里; 第二步:当用户点击对应的超链接时...,拦截网页的默认行为,即(超链接点击跳转行为); 第三步:当用户点击对应的超链接后,把"占位符"图片替换成那个超链接所对应的图片; 1、代码如下: 第一版: <a href="img/index.jpg...网页仍能正常访问) 2、使图片库能向后兼容 3、分离JS代码到单独的JS文件 4、重构之前的JS代码提高JS代码的运行性能 5、合理的放置JS脚本 6、对象检测:即使老版本浏览器不支持DOM方法,网页仍能正常运行...) 但是这个事件只能绑定一个函数,如果再次绑定原先的事件会被覆盖掉.所以这个方法就是将页面加载完毕之后需要的函数创建一个队列,然后将需要执行的函数一个个添加 到队列里面; @param func -需要添加到队列里面的函数...,将超链接的内容改成图片的缩略图、就是一个使用的图片库了。

    3.7K60

    一切都在有条不紊的运行

    2018年4月15日,小编在大礼堂竞选“贵州大学第十四届十佳大学生”的演讲中,讲到我们这个社会为什么每天都在有条不紊的运行?为什么每天天还没有亮,外面的大道上就已经有车在跑了,有人在工作了? ?...我们工作的目的,是为了去挣钱,是为了赚取更多的货币。 ? 我们有了更多的货币,就可以去购买我们想要的资源。所以我们才要不断的去挣钱,不断的去赚取更多的货币,这就是我们为什么每天都在有条不紊的运行。...但是,只有最终活下来的这个人,他的付出才是有用的,其他人的付出都是无用的,也就是无谓的损失。...而在我们现在的这个社会,我们每个人都在不断的去付出,不断的去工作挣钱,但是我们付出的,是别人需要的服务。...通过暴力社会和我们现代的社会对比可以看出,这两个社会都不公平,暴力社会对弱小的人不公平,对没有力气的人不公平,而在我们这个社会对不工作的人不公平,对没钱的人不公平。

    37820

    JavaScrtip之JS最佳实践

    #"符号指向当前文档的开头,实际工作全部由onclick属性负责完成。 很遗憾,上面介绍的两种方法都不能平稳退化,因为如果用户禁用了浏览器的JavaScript功能,这样的超链接将毫无用处。...但是假设用户是一个搜索机器人(只有极少数的搜索机器人能够理解JavaScript代码),他们浏览网页的目的是为了把各种网页添加到搜索引擎的数据库里,如果你的JavaScrip网页不能平稳退化,那么他们在搜索引擎上的排名就可能大受损害... 说实话,上面的代码都是超链接,显得有有点冗长,我们可以利用this和getAttribute()方法来进行改进,代码如下所示: onclick...二、JavaScript之JS与Html代码的分离第一点,已经解决在浏览器禁用JS的情况下,JS平稳退化的问题,但是代码任然存在一点瑕疵,上面的代码如果只是少数几个超链接,倒没什么问题,但是如果有很多超链接...; } 三、JavaScript之JS代码的运行性能 访问DOM的方式对脚本性能会产生非常大的影响。

    2.1K50

    Jquery 事件冒泡

    : 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播...运行页面,点击“点击我”,会依次弹出:我是最里层---->我是中间层---->我是最外层 ---->然后再链接到百度....再点击“点击我”,会弹出:我是最里层,但不会执行链接到百度页面 由此可以看出: 1.event.stopPropagation();  事件处理过程中,阻止了事件冒泡,但不会阻击默认行为(它就执行了超链接的跳转...) 2.return false; 事件处理过程中,阻止了事件冒泡,也阻止了默认行为(比如刚才它就没有执行超链接的跳转) 还有一种有冒泡有关的: 3.event.preventDefault(); ...会发现它依次弹出:我是最里层---->我是中间层---->我是最外层,但最后却没有跳转到百度     它的作用是:事件处理过程中,不阻击事件冒泡,但阻击默认行为(它只执行所有弹框,却没有执行超链接跳转)

    2.9K70

    我是不会运行你的代码吗?不,我是不会导入自己的数据!

    常常遇到有人问起看到分享的教程导入数据的方式是data(dune)等直接调用系统的数据,而自己怎么读入自己的数据呢? 对于初学者来讲,这确实是个问题。...作者可能觉得这个太简单而忽略了初学者的需求。(生信学习学的是什么?常识!) 但内置数据的频繁使用是导致初学者学习这个教程时经常提出上面这个问题的原因。...我不太赞成教程里面用使用内置数据,原因是: 对不会读入数据的人不友好; 不利于探索这篇教程用于实际数据时可能会遇到的问题。示例数据无脑运行,自己的数据无显著差异。...如果要使用内置数据,也需要额外提供一些信息: 详细描述内置数据的格式和生物含义,及与真实数据的对应,可以参考画一个带统计检验的PCoA分析结果 提供真实数据的格式示例和读入真实数据的代码,弥补这个“鸿沟...提及可能出现的问题的解决;这也是操作了多套实际数据后,才能写出的部分。 那假如教程没有提供这么详细,自己又得用这个教程,怎么做呢? 自己如何根据教程的数据准备并读入自己的数据 1.

    1.4K10

    JavaScript事件详解

    DOM0级事件模型 DOM0级事件模型是早期的事件模型,比如说一个onclick事件 缺点: 无法绑定多个相同的事件,注册多个同类型的函数的话,就会发生覆盖,之前注册的函数就会无效 document.getElementById...例如,若用户单击了一个超链接,则该单击事件将从document节点转送到html元素,body元素以及包含该链接的p元素。...在此过程中,浏览器都会检测针对该事件的捕捉事件监听器,并且运行这件事件监听器。 目标(target)阶段 浏览器在查找到已经指定给目标事件的事件监听器之后,就会运行 该事件监听器。...目标节点就是触发事件的DOM节点。例如,如果用户单击一个超链接,那么该链接就是目标节点(此时的目标节点实际上是超链接内的文本节点)。...在JavaScript中,添加到页面上的事件处理程序数量将直接关系到页面的整体运行性能,因为需要不断的与dom节点进行交互,访问dom的次数越多,引起浏览器重绘与重排的次数也就越多,就会延长整个页面的交互就绪时间

    71810

    html+css+JavaScript例题

    {     //初始化时注入一些数据来测试效果     initData();          //在初始化时显示第一页     showStudentAll(1);          //点击这个超链接后就能打开添加学生资料的窗口...").onclick = function() {         close_div();     }     //点击这个超链接后就能跳转到首页     $("shouye").onclick =...1 : thisPage - 1);     }          //点击这个超链接后就能跳转到下一页     $("xiayiye").onclick = function() {         ...pageConut : thisPage + 1);     }          //点击这个超链接后就能跳转到尾页     $("weiye").onclick = function() {         ...关闭修改窗口     close_div();     //刷新当前页面     showStudentAll(thisPage);     //不提交表单     return false; } 运行结果

    1.7K10

    原生JavaScript和Vue、小程序都是如何阻止事件冒泡的?

    onclick="alert('最外层')"> onclick="alert('中间层')"> onclick="alert('最里层')">点击我 点击“点击我”,会依次弹出:最里层---->中间层---->最外层---->然后跳转链接,这就是事件冒泡...”,依次弹出:最里层---->中间层---->最外层,但最后没有跳转链接 由此可以看出 event.stopPropagation() 事件处理过程中,阻止了事件冒泡,但不会阻击默认行为(它就执行了超链接的跳转...) return false 事件处理过程中,阻止了事件冒泡,也阻止了默认行为(比如刚才它就没有执行超链接的跳转) event.preventDefault() 事件处理过程中,不阻击事件冒泡,但阻击默认行为... 提示:使用修饰符时,顺序很重要;相应的代码会以同样的顺序产生。

    1.6K40

    浅谈ClickableSpan , 实现TextView文本某一部分文字的点击响应

    ds.setUnderlineText(true); //设置该文本部分是否显示超链接形式的下划线 } } 可能有点看不懂,但是不用管,会怎么使用就行,那么怎么使用呢...其实就是给这个TextView实现超链接效果,不设置当然就没有点击事件了 2、源码里又说: the affected spans of * text can be selected....那么就是说你setSpan()部分的文本可以显示,并且点击可以实现OnClick()接口回调 所以你需要写一个类来实现ClickableSpan  并且  .setSpan(继承ClickableSpan...ds.setColor(Color.RED); //超链接形式的下划线,false 表示不显示下划线,true表示显示下划线 ds.setUnderlineText...clicktext.setText(str); clicktext.setMovementMethod(LinkMovementMethod.getInstance());//不设置

    1.2K40
    领券