• 解决innerHTML包含的js代码不能被执行的问题 日期:2017-06-08  点击:评论:0

    今天我写了个js弹出模态对话框,这个模态对话框能直接显示一个html或者是url的文本内容,因为加入我需要在对话框里面显示比较复杂的布局的话直接用字符串来做是很麻烦且很难修改的。各方面都比较完善了,但是今天,在我想用这个对话框加载一个页面的时候发现...

  • JS判断客户端是移动端:iOS/Android/微信/ipad实例代码 日期:2017-04-26  点击:31  评论:0

    **第一种:通过判断浏览器的userAgent,用正则来判断是否是 ios和 Android客户端。 代码如下:** script type=text/javascript var u = navigator.userAgent; var isAndroid = u.indexOf('Android') -1 || u.indexOf('Adr') -1; //android终端 var isiOS = !...

  • jquery on事件jquery on实现绑定多个事件 日期:2015-04-11  点击:307  评论:0

    API上jquery on介绍 on(events,[selector],[data],fn) 概述 在选择元素上绑定一个或多个事件的事件处理函数。 on()方法绑定事件处理程序到当前选定的jQuery对象中的元素。在jQuery 1.7中,.on()方法 提供绑定事件处理程序所需的所有功能。帮助从旧的jQuery事...

  • 纯javascript通过样式类名获取元素 日期:2015-04-11  点击:889  评论:0

    习惯了jQuery选择的方便,偶而遇到纯javascript前端的时候才发现选择某样式的元素也变的不简单,网上查了下document.getElementsByClassName这个方法好象可以直接获取样式元素,ie6没有测试是否兼容,然后自己写了一个通过指定标签、样式获取元素的方法,记...

  • 自己理解的javascript静态方法和动态实例方法区别 日期:2015-04-11  点击:178  评论:0

    一直对javascript对象的概念不清楚,对象里面的什么静态方法、实例方法就更晕了。今天稍微有空再次看了一下关于javascript对象方面的知识,把自己理解的记录以下,主要是两种方法的区别。方便后面可能能用上。 静态方法和实例方法的声明形式不同 两种方法的...

  • jQuery获取屏幕高度和滚动条滚动高度的方法 日期:2015-04-11  点击:488  评论:0

    这几天在做一个jQuery网站侧边栏随动的效果,其中需要通过 jQuery获取屏幕高度 ,窗口高度和滚动条的滚动高度,以下是从网上收集的jQuery获取屏幕高度的代码 alert($(window).height()); //浏览器当前窗口可视区域高度alert($(document).height()); //浏览器...

  • 自学JavaScript推荐书籍从初级到中级再到高级 日期:2015-04-11  点击:610  评论:0

    WEB前端研发工程师,在国内算是一个朝阳职业,这个领域没有学校的正规教育,大多数人都是靠自己自学成才。本文主要介绍自己从事web开发以来(从大二至今)看过的书籍和自己的成长过程,目的是给想了解 JavaScript或者是刚接触JavaScript的朋友,介绍如何通过循...

  • javascript使用数组的push方法完成快速排序 日期:2014-09-17  点击:203  评论:0

    排序的方法有很多,本节介绍的是使用数组的push方法完成快速排序 function quickSort(arr){ if(arr.length = 1) return arr;//判断是否有效数组 var cut = Math.floor(arr.length/2);//取中间下标 var left = [],right = []; var num = arr.splice(cut,1)[0]...

  • jquery实现类似淘宝星星评分功能有截图 日期:2014-09-16  点击:343  评论:0

    html bodydiv ulli☆/lili☆/lili☆/lili☆/lili☆/li/ul/divp /pp /p/body 显示即时分数 显示最终分数---------------------------------------------- javascript“ $(function () {//为所有的li标签绑定mouseout和mouseover事件。bind({事件名:function(...

  • 一个字符串反转函数可实现字符串倒序 日期:2014-09-16  点击:1357  评论:0

    第一种方法: script type="text/javascript"var str="abcdeg";function demo(str){var str2="";for(var i=0;istr.length;i++){str2+=str.charAt(str.length-i-1);}document.write(str+"br /"+str2)}demo(str);/script 第二种方法: input type="textfield"...

  • 一个通过script自定义属性传递配置参数的方法 日期:2014-09-16  点击:77  评论:0

    刚刚开始正式的职业生涯,最近几天在给公司做统一的头部js,想到了一个通过script自定义属性传递配置参数的方法。 有时候我们编写了一个js插件,要使用该插件需要先在html中引入该插件Js,然后再添加一个script标签,在里面调用。如一个图片切换的插件。其代...

  • css与javascript跨浏览器兼容性总结 日期:2014-09-16  点击:104  评论:0

    本文以大量实例形式总结了css与javascript跨浏览器的兼容性问题。分享给大家供大家参考。具体总结如下: 一、CSS样式兼容性 1. FLOAT闭合(clearing float) 网页在某些浏览器上显示错位很多时候都是因为使用了float浮动而没有真正闭合,这也是div无法自适应...

  • JavaScript function 的 length 属性使用介绍 日期:2014-09-16  点击:58  评论:0

    [1,2,3]. length 可以得到 3 , "123" . length 也可以得到 3 ,这个略懂js的都知道。 但是 eval. length ,RegExp. length ,"".toString. length ,1..toString. length 会得到什么呢? 分别得到 1 , 2 , 0 , 1 ,这些数字代表什么呢? 其实函数的 leng...

  • avascript中的自执行匿名函数应用示例 日期:2014-09-16  点击:57  评论:0

    Javascript中的自执行匿名函数 格式: (function(){ //代码 })(); 解释:这是相当优雅的代码(如果你首次看见可能会一头雾水:)),包围函数(function(){})的第一对括号向脚本返回未命名的函数,随后一对空括号立即执行返回的未命名函数,括号内为匿名函数...

  • JavaScript的arguments对象应用示例 日期:2014-09-16  点击:47  评论:0

    arguments 对象 在函数代码中,使用特殊对象 arguments,开发者无需明确指出参数名,就能访问它们。 例如,在函数 sayHi() 中,第一个参数是 message。用 arguments[0] 也可以访问这个值,即第一个参数的值(第一个参数位于位置 0,第二个参数位于位置 1,依...

  • JavaScript中变量声明有var和没var的区别示例介绍 日期:2014-09-16  点击:84  评论:0

    本文来论述JavaScript中变量声明有var和没var的区别,关于Js中的变量声明的作用域是以函数为单位,所以我们经常见到避免全局变量污染的方法是 (function(){ // ... })(); 在函数内部,有var和没var声明的变量是不一样的。有var声明的是局部变量,没var的,声...

  • JavaScript的null和undefined区别示例介绍 日期:2014-09-16  点击:68  评论:0

    先说说undefined: Javascript中的变量是弱类型的, 所以声明变量的时候只需使用var关键字即可。如果是像C这样的强类型语言, 声明变量的时候如果没有指定初始值,那么会给他一个默认值,比如int变量的默认值是0。但是在Javascript这样的弱类型语言中,没有...

  • 一款由jquery实现的整屏切换特效 日期:2014-09-16  点击:133  评论:0

    今天要为大家带来一款由jquery实现的整屏切换特效,在右侧有圆型小标,每点一个切换一屏。当然,你也可以滚动鼠标来切换页面。效果非常好。我们看下效果吧 源码下载 html代码: div class="wrapper active-page4"div class="page page1"h2First page/h2/divd...

  • 当前流行的JavaScript代码风格指南 日期:2014-09-16  点击:87  评论:0

    JavaScript 没有一个权威的编码风格指南,取而代之的是一些流行的编码风格: 复制代码 代码如下: Google的JavaScript风格指南(以下简称Google) http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml NPM编码风格(以下简称NPM) https:...

  • jQuery源码分析之jQuery中的循环技巧详解 日期:2014-09-16  点击:47  评论:0

    jQuery的源码中有很多值得学习借鉴的技巧,本文即收集了jQuery中出现的各种遍历技巧和场景。具体分析如下: // 简单的for-in(事件) for ( type in events ) { } // 缓存length属性,避免每次都去查找length属性,稍微提升遍历速度 // 但是如果遍历HTMLColl...

  • JQuery 给元素绑定click事件多次执行的解决方法 日期:2014-09-16  点击:391  评论:0

    原绑定方法: $("#sdfsd").on("click",function(e){ ***** }); 这种方法只会在原click方法中继续添加新方法; 解决办法更改绑定方法为: $("#sdfsd").unbind("click").click(function(e){ ***** }); 在绑定新click方法前对元素所绑定的click方法解绑...

  • jQuery CSS()方法改变现有的CSS样式表 日期:2014-09-16  点击:45  评论:0

    使用CSS()方法改变现有的CSS样式表,css()方法在使用上具有多样性。其中有一种可接受两个输入参数:样式属性和样式值,两者之间用逗号分隔。比如要改变链接颜色,可以这样编写代码: $("#61dh a").css('color','#123456');//选择器‘$("#61dh a")'表示ID为‘...

  • JQuery实现当鼠标停留在某区域3秒后自动执行 日期:2014-09-16  点击:62  评论:0

    这篇文章主要介绍了JQuery实现当鼠标停留在某区域3秒后自动执行,可以应用于很多场景 !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"htmlheadscript type="text/javascript" src="http://code.jque...

  • JQuery拖动表头边框线调整表格列宽效果代码 日期:2014-09-16  点击:71  评论:0

    类似于桌面程序中的表格拖动表头的效果,当鼠标停留在表头边框线上时,鼠标会变成表示左右拖动的形状,接着拖动鼠标,会在表格中出现一条随鼠标移动的竖线,最后放开鼠标,表格列宽会被调整。最近比较空闲,便自己动手尝试实现,在此分享下小小的成果。 首先...

  • sogou地图API用法实例教程 日期:2014-09-16  点击:33  评论:0

    本文实例讲述了sogou地图API应用,是非常实用的技巧。分享给大家供大家参考。具体实现方法如下: 地图的初始化 1、添加引用地图的API文件: script src="/images/xiazai.jb51.net201409otherapi_v2.5.1.js" type="text/javascript"/script 2、网站初始化加...

  • 使用js dom和jquery分别实现简单增删改 日期:2014-09-16  点击:108  评论:0

    软件开发实际就是数据的增删改查,javascript前端开发也不例外。今天学了jquery框架的简单使用。于是用它实现简单的增删改,接着也用原始的javascript实现同样的功能,以便看出jquery的强大: 代码如下: !DOCTYPE htmlhtml xmlns="http://www.w3.org/1999/x...

  • jquery实现类似淘宝星星评分功能实例 日期:2014-09-16  点击:109  评论:0

    本文实例讲述了jquery实现类似淘宝星星评分功能的方法,分享给大家供大家参考之用。具体方法如下: html部分代码如下: body div ul li☆/li li☆/li li☆/li li☆/li li☆/li /ul /div p /p p /p/body 上述代码中: 显示即时分数 显示最终分数 javascript代...

  • js 数组去重的四种实用方法 日期:2014-09-16  点击:28  评论:0

    面试前端必须准备的一个问题:怎样去掉Javascript的Array的重复项。据我所知,百度、腾讯、盛大等都在面试里出过这个题目。这个问题看起来简单,但是其实暗藏杀机。 考的不仅仅是实现这个功能,更能看出你对计算机程序执行的深入理解。 我总共想出了三种算法...

  • 用JavaScript实现用一个DIV来包装文本元素节点 日期:2014-09-16  点击:31  评论:0

    当你的应用需要依赖某个特定的JavaScript类库时,你无意中总会试图解决某些类库自身的问题,而不是语言的问题。就比如当我试图将文本(可能也包含HTML元素)用一个DIV元素包起来时。假设有以下HTML: This is some text and a href=""a link/a 这时候如果想把它转...

  • 点击button获取text内容并改变样式的js实现 日期:2014-09-16  点击:354  评论:0

    需求:点击button获得input框中选中的内容,让选中的内容变红, 实现:代码如下 !DOCTYPE HTMLhtmlheadmeta http-equiv="content-type" content="text/html;charset=utf-8"titleTest/titlestyle type="text/css"div{display: none;}/style/headbodyinput typ...