Welcome

首页 / 脚本样式 / JavaScript

js友好的时间返回函数

2017-02-06 18
本文实例为大家分享了js显示友好时间的函数代码，供大家参考，具体内容如下//友好的时间返回函数（如：10分钟前）time_stamp为UNIX秒数function friendly_time（time_stamp）{var now_d = new Date（）;var now_time = now_d.getTime（） / 1000; //获取当前时间的秒数var f_d = new Date（）;f_d.setTime（time_stamp * 100...

BootStrap iCheck插件全选与获取value值的解决方法

2017-02-06 18
在使用jQuery iCheck 插件的时候遇到了一个问题，就是当我们使用普通的js全选功能无效了。$（"#checkall"）.click（function（）{if（this.checked）{$（"input[name="checkname"]"）.each（function（）{this.checked=true;}）;}else{$（"input[name="checkname"]"）.each（function（）{this.checked=f...

归纳下js面向对象的几种常见写法总结

2017-02-06 17
//定义Circle类，拥有成员变量r，常量PI和计算面积的成员函数area（）1.工厂方式var Circle = function（） {var obj = new Object（）;obj.PI = 3.14159;obj.area = function（ r ） {return this.PI * r * r;}return obj;}var c = new Circle（）;alert（ c.area（ 1.0 ） ）;2.比较正规的写法func...

利用jsonp跨域调用百度js实现搜索框智能提示

2017-02-06 18
项目中常常用到搜索，特别是导航类的网站。自己做关键字搜索不太现实，直接调用百度的是最好的选择。使用jquery.ajax的jsonp方法可以异域调用到百度的js并拿到返回值，当然$.getScript也可以实现跨域调用js。ok，了解了jsonp的原理和应用后，我们看看百度的智能提示是如何做的在chrome的调试窗口下看看百度搜索发出的请求。当输入关键字“a”，请求如图：用firebug看下请求的参数，如图：请求方式：get请求请求参数：wd明显是要搜索的...

JS动态加载脚本并执行回调操作

2017-02-06 20
关于在javascript里面加载其它的js文件的问题可能很多人都遇到过，但很多朋友可能并不知道怎么判断我们要加载的js文件是否加载完成，如果没有加载完成我们就调用文件里面的函数是不会成功的。本文讲解怎么在js中加载其它js文件并在加载完成后执行回调函数。我们可以动态的创建 <script> 元素，然后通过更改它的 src 属性来加载脚本，但是怎么知道这个脚本文件加载完成了呢，因为我们有些函数需要在脚本加载完成生效后才能开始执行。经过对网络上资...

JS简单实现无缝滚动效果实例

2017-02-06 18
本文实例讲述了JS简单实现无缝滚动效果。分享给大家供大家参考，具体如下：<！doctype html><title>javascript无缝滚动</title><meta charset="utf-8" /><meta name="keywords" content="javascript无缝滚动" /><meta name="description" content="javascript...

详解Bootstrap的iCheck插件checkbox和radio

2017-02-06 19
iCheck特色：1、在不同浏览器（包括ie6+）和设备上都有相同的表现 — 包括 桌面和移动设备2、支持触摸设备 — iOS、Android、BlackBerry、Windows Phone等系统4、方便定制 — 用HTML 和 CSS 即可为其设置样式 （多套皮肤）5、体积小巧 — gzip压缩后只有1 kb6、25 种参数 用来定制复选框（checkbox）和单选按钮（radio button）7、8 个回调事件 用来监听输入框的状态8、7个方法 用...

Javascript中indexOf（）和lastIndexOf应用方法实例

2017-02-06 18
indexOf（）方法indexOf（） 方法可返回某个指定的字符串值在字符串中首次出现的位置。注释：indexOf（） 方法对大小写敏感！注释：如果要检索的字符串值没有出现，则该方法返回 -1。用之前的charAt（）方法var str ="www.webclks.com/archives/3309";for（var i=0; i<str.length; i++）{ if（str.charAt（i）==="/"）{ alert（i）; }}inde...

JS基于HTML5的canvas标签实现炫目的色相球动画效果实例

2017-02-06 18
本文实例讲述了JS基于HTML5的canvas标签实现色相球效果。分享给大家供大家参考，具体如下：运行效果截图如下：具体代码如下：<！DOCTYPE html><html><head><meta charset="UTF-8" /><title>JS canvas标签制作色相球</title></head><body><canvas></can...

BootStrap的table表头固定tbody滚动的实例代码

2017-02-06 18
关于bootstrap table其他知识不多说，直接给大家贴代码了。关键代码如下所示：<！DOCTYPE html> <html> <head> <title></title> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> <sc...

BootStrap table表格插件自适应固定表头（超好用）

2017-02-06 20
首先是简单的页面形式，大家可以按照平常画表格的方式来创建html表格，然后通过js控制特殊的样式等操作（优点是表格更加直观，方便调整表格样式等，速度快）当然，也可以只在页面上放一个table标签，之后的所有数据和样式都通过js控制也是可以的，后面会说（优点方便控制修改数据，尤其是ajax方式获取的json格式，但是调整样式比较麻烦）ps：这个是插件的官网，里面有英文api和例子：http://bootstrap-table.wenzhixin.net.cn...

用JS中split方法实现彩色文字背景效果实例

2017-02-06 17
先来看看实现效果图效果实现步骤： 1、获取要用到的元素； 2、声明一个数组变量（arrColor）存放颜色值； 3、给按钮添加点击事件； 4、获取文本框的value值，并用split方法把文本框的字符串值转换成数组（arr）存放； 5、循环取出存数组（arr）中的值并添加上span标签； 6、设置span标签的背景色：从数组（arrColor）循环取值； 7、把设定好的内容添加到div中；效果完整代码：<！doctype html><ht...

JS for...in 遍历语句用法实例分析

2017-02-06 18
本文实例讲述了JS for...in 遍历语句用法。分享给大家供大家参考，具体如下：for...in 语句用于对数组或者对象的属性进行循环操作。for （变量 in 对象）{ 在此执行代码}这里的“变量”用来指定变量，指定的变量可以是数组元素，也可以是对象的属性。举个例子：<！DOCTYPE html><meta charset="UTF-8"><script>var x;var zoon = new Array（）;z...

BootStrap+Angularjs+NgDialog实现模式对话框

2017-02-06 20
本篇文章主要介绍了"angularjs+bootstrap+ngDialog实现模式对话框"，对于Javascript教程感兴趣的同学可以参考一下： 在完成一个后台管理系统时，需要用表显示注册用户的信息。但是用户地址太长了，不好显示。所以想做一个模式对话框，点击详细地址按钮时，弹出对话框，显示地址。效果如下图：通过查阅资料，选择使用ngDialog来实现，ngDialog是一个用于Angular.js应用的模式对话框和弹出窗口。ngDialog非常小（&#...

jQuery实现的自适应焦点图效果完整实例

2017-02-06 18
本文实例讲述了jQuery实现的自适应焦点图效果。分享给大家供大家参考，具体如下：运行效果截图如下：具体代码如下：<！DOCTYPE html><html lang="zh-cn"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, ...

ionic实现可滑动的tab选项卡切换效果

2017-02-06 17
利用ionic的slide-box组件实现可滑动的tab，主要是监听tab点击以及slide页面滑动的事件，做相应的处理，用ng-repeat循环，优化、简略了代码，有需要的同学可以看看。 先来张效果图： 用到的css代码:.tab_default{border-bottom:solid 1px #F2F2F2; padding:6px 0;}.tab_select{ border-bottom:solid 1px #3E89F5; box-shado...

ionic实现带字的toggle滑动组件

2017-02-06 19
前言由于项目中需要带字的toggle滑动组件，而ionic提供的是这样的：实际项目中需要这样子的:在网上找了下其他的实现，感觉没得类似的，也没发现合适的，于是自己试着定义了一个凑合着用。先上效果图看效果图边缘有模糊锯齿现象，可能是由于像素的影响，在android和ios手机上表现非常流畅。实现代码其实实现起来也很简单，主要是算好滑块的位置，滑动用的是css的transform. css用到的类如下:.switch_search{position:relat...

郁闷！ionic中获取ng-model绑定的值为undefined如何解决

2017-02-06 18
今天在ionic中使用ng-model时候，在对应的controller里面获得值为undefined。以前在使用angularjs的ng-model绑定时候就可以拿到的啊，这就尴尬了，决定一探究竟。大家先看下面的一个demo。 在学习angularjs的ng-model的数据双向绑定时候，我们通过以下的代码拿到对应的ng-model的值： demo1<div ng-app="myApp" ng-controller="myCtrl"> 名...

ionic组件ion-tabs选项卡切换效果实例

2017-02-06 18
介绍ion-tabs是ionic中的选项卡组件，路由使用的是angular-ui-router.js。因此必须先掌握uiRoute。效果图实例代码index.html<body ng-app="starter"> <！--ion-nav-view用来渲染模板--> <ion-nav-view></ion-nav-view></body>tab-index.html<ion-tabs clas...

NodeJS远程代码执行

2017-02-06 18
背景@Artsploit在挖PayPal的漏洞时，发现一处NodeJS代码执行，奖励$10000美金。测试var express = require（"express"）; var app = express（）; app.get（"/", function （req, res） { res.send（"Hello eval（req.query.q））;console.log（req.query.q）;}）;app.listen（8080, functio...
<< 131 132 133 134 135 136 137 138 139 140 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图