您的当前位置:首页 > 建站学院 > 前端开发 > 
  • 兼容各浏览器获取scrollTop的方法(body和documentElement)

    前端开发2023年05月24日

    最近用Bootstrap的modal弹层做提示,发现在PC端和移动端使用时,弹出的位置距离顶部的距离有差别,有时候分被完全遮挡。经过测试,不同浏览器端获取到scrollTop的值是不同的。 今天分享一个自己的小技巧,采用document.body.scrollTop和document.documentElement.scrollTop分别来获取,他们两个只能...

  • 利用CSS美化,自定义滚动条样式,CSS代码分享

    前端开发2023年05月24日

    利用CSS美化,自定义滚动条样式,纯代码分享。flpm_box_danwei 为容器的ID,根据需要自行修改。 <style> #flpm_box_danwei::-webkit-scrollbar,#right_box::-webkit-scrollbar { /*滚动条整体样式*/ width : 5px; /*高宽分别对应横竖滚动条的尺寸*...

  • iframe框架页增加onclick事件的监听方法

    前端开发2023年05月24日

    在页面中增加事件的监听很容易,但对于框架页中增加onclick就没有任何动作反应了,也是经过百度查询找到了解决办法。具体代码分享如下: HTML页面中的iframe框架: <iframe src="www.19jp.com.html" id="Frame_chajian" name="Frame_chajian" frameborder="0" scr...

  • JS操作HTML框架页子父级关系引用

    前端开发2023年05月24日

    window.parent.frames["Frame_"+Frame_num].document.getElementById("status").innerHTML="00000000000009999999999999"; parent.document.getElementById("status").innerHTML='在线'; self.par...

  • CSS让指定的DIV元素或图片闪烁

    前端开发2023年05月24日

    @-webkit-keyframes twinkling{/*透明度由0到1*/ 0%{ opacity:0;/*透明度为0*/ } 100%{ opacity:1;/*透明度为1*/ } } .shanshuo{ -webkit-animation: twinkling 1s infinite ease-in-out; } ...

  • js控制焦点固定在指定文本框

    前端开发2023年05月24日

    ①页面一加载就定义焦点在文本框上,当文本框失去焦点时重新定义焦点在文本框。 代码如下: <body> <p>该页面无论点击那里,demo文本框都会获取焦点</p> <input id="demo" type="text"/> <button type="button" onclick="myFunctio...

  • easy-player-element.min.js使用示例及百度云盘下载

    前端开发2023年05月23日

    之前写过一篇文章关于EasyPlayer的文章,是因为在做移动端WEB直播播放器的时候了解到这个,之前一直用CKplayer,但是网上有一些示例,使用的是easy-player-element.min.js,但是所有人都是只贴了一些大家都能找得到的代码,但就没有人贴出easy-player-element.min.js的源代码或是下载链接,这样大家就算拿到示...

  • jQuery实现页面中表格数据的搜索

    前端开发2023年05月23日

    jQuery页面搜索一个表格,将搜索到的行保存,其余行隐藏。 HTML代码: <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>jQuery实现页面表格数据的搜索</title> <script src="js/j...

  • 百度Ueditor纯文本粘贴规则及上传附件链接从新窗口打开等问题(用JQ解决)

    前端开发2023年05月23日

    一、关于百度Ueditor编辑器,纯文本粘贴一些规则的记录: ,pasteplain:true //是否默认为纯文本粘贴。false为不使用纯文本粘贴,true为使用纯文本粘贴 //纯文本粘贴模式下的过滤规则 ,'filterTxtRules' : function(){ function transP(node){ node.tagName = 'p'; ...

  • Ajax返回值中无故多出回车、换行、空格字符的解决方法

    前端开发2023年05月23日

    已经好久没有更新博客了,最近一直在忙着其它系统的开发。今天能留个脚印也是因为自己写了一段AJAX返回值判断用于判断,可不知是怎么回事,反复测试就是无法正确执行。后来一步一步推演console.log()输出,终于发现是Ajax返回值中无故多出回车、换行、空格字符,造成后续代码中利用JS生成数组取值时的失败。 解决起来很简单,看下面代码就行了: var aja...