Welcome

首页 / 脚本样式 / JavaScript

JS获取鼠标选中的文字

2017-02-06 16
js获取鼠标选中的文字代码如下所示：<html><head><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>js获取鼠标选中的文字</title> <SCRIPT LANGUAGE="JavaScript"><！--function SelectTex...

BootStrap中Datepicker控件带中文的js文件

2017-02-06 18
bootstrap-datepicker 是一个非常优秀的时间选择插件，默认是英文显示日期的。本文给大家介绍bootstrap datepicker带中文的js文件。//用之前引用bootstrap的jsif （$（".datepicker"）.length > 0） {$（".datepicker"）.datepicker（{language: "zh-CN",autoclose: true,//选中之后自动隐藏日期选择框clearBtn: tru...

BootStrap Typeahead自动补全插件实例代码

2017-02-06 18
关键代码如下所示：$（"#Sale"）.typeahead（{ajax: {url: "@Url.Action（"../Contract/GetSale"）",//timeout: 300,method: "post",triggerLength: 1,loadingClass: null,preProcess: function （result） {return result;}},display: "Value",val: "ID",items: 10...

基于JSON格式数据的简单jQuery幻灯片插件（jquery-slider）

2017-02-06 17
jquery-slider是一款基于JSON格式数据的jQuery幻灯片插件。该幻灯片通过JSON数据来提供图片地址和描述信息等，你可以通过更换JSON数据来动态切换不同的图片。在线预览 源码下载使用方法在页面中引入jquery和slider.js文件和font-awesome字体图标文件。<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/...

使用BootStrap实现用户登录界面UI

2017-02-06 17
先给大家展示下效果图，如果大家感觉还不错，请继续参考实现思路详解。布局1.左右各一半（col-md-6）2.左侧登录框占左侧一半的10/123.右侧是登录系统的注意事项使用到的HTML元素well输入框组（input-group）按钮（btn-success）HTML代码<div class="row" style="margin-top:30px;"><div class="col-md-6" style="border-right:1...

vue分页组件table-pagebar使用实例解析

2017-02-06 17
之前一直接触都是原始的前端模型，jquery+bootstrap，冗杂的dom操作，繁琐的更新绑定。接触vue后，对前端MVVM框架有了全新的认识。本文是基于webpack+vue构建，由于之前的工作主要是基于java的服务端开发工作，对前端框架和组件的理解，不够深入，借此来记录在前端框架使用和构建中的点点滴滴。此分页组件参照于bootstrap-datatable底部分页开发完成，相关参数增加自定义功能。最终使用展现效果图如下，数据来源于cnodejs【...

原生态js,鼠标按下后,经过了那些单元格的简单实例

2017-02-06 17
本来是要判断那些单元格被选中，结果发现行不通，只能判断鼠标按下后，经过了那些单元格之所以发出来，是觉得案例还有很多有意思的地方onmouseover 的持续触发，导致了很多重复元素由于将事件绑定在整个table上，还出现了undefined鼠标的反复进入进出，会导致相同元素的断断续续的重复，如何解决他们！<table border="1" id="dnf"> <tr> <td rowspan="2">2</td&g...

js倒计时简单实现代码

2017-02-06 18
倒计时：1.设置一个有效的结束日期2.计算剩余时间3.将时间转换成可用的格式4.输出时钟数据作为一个可重用的对象5.在页面上显示时钟，并在它到达0时停止html<div id="clock"><span id="days"></span>天<span id="hours"></span>时<span id="minutes"></span>分<span id="sec...

浅谈js中对象的使用

2017-02-06 18
简单记录javascript中对象的使用一、创建对象//创建一个空对象var o={};//创建一个含有两个属性的对象，x、yvar o2={x:12,y:"12",name:"JS"};//此对象中的author属性的值还是一个对象var o3={x:12,author:{name:"JS",age:23,address:"china"}};//创建一个空对象和{}一样var o4=new Object（）;//给对象增加name属性o4.name="J...

Node.js中防止错误导致的进程阻塞的方法

2017-02-06 18
在Node.js中，当某个回调函数发生了错误，整个进程都会崩溃，影响后面的代码执行。Node.js这样处理，是因为在发生未被捕获的错误时，进程的状态就不确定。之后也就无法正常工作了。如果错误始终不处理的话，就回一直抛出意料之外的错误，这样不利于调试。防止错误导致的进程阻塞的方法主要有如下两种：一. try-catchtry-catch允许进行异常捕获，并让代码继续执行下去：例如：当函数抛出错误时，代码就停止执行了：（function（） {var a = ...

JS中的hasOwnProperty（）和isPrototypeOf（）属性实例详解

2017-02-06 17
这两个属性都是Object.prototype所提供:Object.prototype.hasOwnProperty（）和Object.prototype.isPropertyOf（）先讲解hasOwnProperty（）方法和使用。在讲解isPropertyOf（）方法和使用看懂这些至少要懂原型链一、Object.prototype.hasOwnProperty（）概述hasOwnProperty（）方法用来判断某个对象是否含有指定的自身属性语法obj....

基于js对象,操作属性、方法详解

2017-02-06 17
一，概述 在Java语言中，我们可以定义自己的类，并根据这些类创建对象来使用，在Javascript中，我们也可以定义自己的类，例如定义User类、Hashtable类等等。目前在Javascript中，已经存在一些标准的类，例如Date、Array、RegExp、String、Math、Number等等，这为我们编程提供了许多方便。但对于复杂的客户端程序而言，这些还远远不够。与Java不同，Java2提供给我们的标准类很多，基本上满足了我们的编程需求，但...

JS中的hasOwnProperty（）、propertyIsEnumerable（）和isPrototypeOf（）

2017-02-06 17
首先了解枚举属性一般利用for~in遍历var a = [1,2,3];for（var i in a）{console.log（a[i]）;}orvar o = {p1:1,p2:2};for（var i in o）{console.log（i+"="+o[i]）;}//p1=1;p2=2;<1>并不是所有的属性都会在for~in遍历中显示。比如（数组的）length属性和constructor属性。那些已经被显示的属性被称为可枚举的，可以通过...

Js调用Java方法并互相传参的简单实例

2017-02-06 18
Js通过PhoneGap调用Java方法并互相传参的。一、JAVA代码写一个类，该类继承自Plugin并重写execute方法。import org.json.JSONArray;import android.app.Activity;import android.app.AlertDialog;import android.content.ActivityNotFoundException;import android.content.DialogInt...

js接收并转化Java中的数组对象的方法

2017-02-06 19
在做项目时，要向ocx控件下发命令，就要在js中得到java中的对象，然后拼成一种格式，下发下去。。。当对象是一个时比较简单，但如果对象是一个数组时，就略显麻烦了。开始我以为有简单的方式，可以直接进行内容的转化，后来发现不可以，网上说js与java没有桥接的东西，所以呢：我的解决方案是：在action层，将java的对象数组转化为Json串，而在js中，再把json转化为数组对象。1.将java的对象数组转化为Json串：要用到两个类：net.sf.jso...

JavaScript性能优化总结之加载与执行

2017-02-06 17
前言无论当前 JavaScript 代码是内嵌还是在外链文件中，页面的下载和渲染都必须停下来等待脚本执行完成。JavaScript 执行过程耗时越久，浏览器等待响应用户输入的时间就越长。浏览器在下载和执行脚本时出现阻塞的原因在于，脚本可能会改变页面或 JavaScript 的命名空间，它们对后面页面内容造成影响。一个典型的例子就是在页面中使用document.write（），例如清单 1清单 1 JavaScript 代码内嵌示例<html>&...

JavaScript性能优化之函数节流（throttle）与函数去抖（debounce）

2017-02-06 16
函数节流，简单地讲，就是让一个函数无法在很短的时间间隔内连续调用，只有当上一次函数执行后过了你规定的时间间隔，才能进行下一次该函数的调用。函数节流的原理挺简单的，估计大家都想到了，那就是定时器。当我触发一个时间时，先setTimout让这个事件延迟一会再执行，如果在这个时间间隔内又触发了事件，那我们就clear掉原来的定时器，再setTimeout一个新的定时器延迟一会执行，就这样。以下场景往往由于事件频繁被触发，因而频繁执行DOM操作、资源加载等重行为，...

JS获取字符串实际长度（包含汉字）的简单方法

2017-02-06 18
方法一：var jmz = {};jmz.GetLength = function（str） {///<summary>获得字符串实际长度，中文2，英文1</summary>///<param name="str">要获得长度的字符串</param>var realLength = 0, len = str.length, charCode = -1;for （var i = 0; i < len; i...

jQuery多个版本和其他js库冲突的解决方法

2017-02-06 18
jQuery多个版本或和其他js库冲突主要是常用的$符号的问题，这个问题 jquery早早就有给我们预留处理方法了，下面一起来看看解决办法。1.同一页面jQuery多个版本或冲突解决方法。<！DOCTYPE html><html lang="en"><head><meta charset="utf-8" /><title>jQuery测试页</title></head>&l...

jQuery 翻页组件yunm.pager.js实现div局部刷新的思路

2017-02-06 19
前端的翻页插件有很多，bootstrap的翻页界面看起来就不错，做起来也易于上手，但应用于项目中的翻页实现还有有几个难点，分别是：如何封装一个翻页插件，如题中的yunm.pager.js。涉及到的div局部刷新该如何做。在没给大家介绍正文之前，先给大家展示下效果图，如果感觉还不错，请继续往下阅读：翻页的总体流程涉及到的知识点很多，这篇文章我们也主要来关注以上两点，其余的内容，请自悟。一、如何定义局部刷新的div翻页时，我们一般只会刷新页面中涉及到翻页的父级...
<< 141 142 143 144 145 146 147 148 149 150 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图