JavaScript资料,JavaScript文章,JavaScript文档-易库教程

简单了解JavaScript操作XPath的一些基本方法

2017年02月06日 9 阅读

Xpath现在很少被我们使用，因为JSON现在很盛行。可是在XML做为数据交换格式的年代，Xpath在我们随机访问大的xml文档结构的时候扮演着非常重要的位置。也许大家现在很多没有注意到，DOM Level 3 XPath指定的接口已经被Firefox,Safari, Chrome, and Opera实现了。他们所实现的核心接口就是XPathEvaluator，它包含一些能够使用xpath表达式进行工作的方法，最主要的方法就是evaluate（），它能够...

Ionic如何实现下拉刷新与上拉加载功能

2017年02月06日 9 阅读

IONIC 是目前最有潜力的一款 HTML5 手机应用开发框架。通过 SASS 构建应用程序，它提供了很多 UI 组件来帮助开发者开发强大的应用。它使用 JavaScript MVVM 框架和 AngularJS 来增强应用。提供数据的双向绑定，使用它成为 Web 和移动开发者的共同选择。Ionic是一个专注于用WEB开发技术，基于HTML5创建类似于手机平台原生应用的一个开发框架。Ionic框架的目的是从web的角度开发手机应用，基于PhoneGap的...

Ionic快速安装教程

2017年02月06日 9 阅读

今天就让我们学习一下如何安装 Ionic 在自己的电脑上搭建一个简单的小应用。很多的网站上面都会写很复杂的安装方法，其实刚开始学习ionic的初学者，特别是没有很多编程经验的小伙伴是不是会吓跑了？感觉那么复杂需要安装什么node.js的环境啊、, 安装最新版本的cordova啊… … 其实不需要那么麻烦的。告诉大家我在做项目的时候怎么使用ionic的吧。第一种方法：直接引入使用第一步、首先下载Ionicionic 最新版本下载地址：http://ioni...

Ionic如何创建APP项目

2017年02月06日 9 阅读

前面的章节中我们已经学会了ionic 框架如何导入到项目中。接下来我们将为大家介绍如何创建一个 ionic APP 应用。ionic 创建 APP 使用 HTML、CSS 和 Javascript 来构建，所以我们可以创建一个 www 目录，并在目录下创建 index.html 文件，代码如下：大家按照步骤在自己的编辑器上来认真的完成这个APP的创建吧。<！DOCTYPE html><html><head><met...

js不间断滚动的简单实现

2017年02月06日 9 阅读

CSS：ul, li { margin: 0; padding: 0; }#scrollDiv { width: 300px; height: 25px; line-height: 25px; border-bottom: #4c8cd1 1px solid; overflow: hidden; }#scrollDiv li { height: 25px; padding-left: 10px; } JS：<script>function Au...

Ionic实现页面下拉刷新（ion-refresher）功能代码

2017年02月06日 9 阅读

在平常做项目时下拉刷新功能非常常见，那么大家都是怎么实现的呢？下面小编给大家介绍如何使用Ionic实现页面下拉刷新（ion-refresher功能，一起看看看吧！具体的实现请看下面的源码：HTML 代码ion-refresher ：即为下拉刷新的图标；pulling-text=“下拉刷新” 这里的问题可以随意更换，喜欢就好；on-refresh=”doRefresh（）” 这个便是当下拉的时候我们要执行的方法，这里便是刷新页面的数据。<body n...

JS实现图片的不间断连续滚动的简单实例

2017年02月06日 9 阅读

js替代marquee实现图片无缝滚动可能大家都碰到过，当marquee中滚动的是图片的时候，滚到终点的时候直接就跳回到起点了，而不像文字那样可以无缝滚动，下面介绍的是通过js来实现图片的无缝滚动。先了解一下下面这几个属性：innerHTML: 设置或获取位于对象起始和结束标签内的 HTMLscrollHeight: 获取对象的滚动高度。scrollLeft: 设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop: 设置或获取位...

自己动手制作基于jQuery的Web页面加载进度条插件

2017年02月06日 9 阅读

静态效果的实现网页顶部加载进度条，近年来很流行，很多网站都采用了这种加载方式。网上也有这样类似的插件，今天我们总结一下网页顶部线性页面加载进度条。大体的写法如下：body{margin:0;}#progress {position:fixed;height: 2px;background:#2085c5;transition:opacity 500ms linear}#progress.done {opacity:0}#progress span {pos...

javacript获取当前屏幕大小

2017年02月06日 9 阅读

在使用html5在android下做开发的时候，要获取屏幕实际的大小，直接上代码，可以通过如下代码测试。复制代码代码如下:<html><script>function a（）{document.write（"屏幕分辨率为："+screen.width+"*"+screen.height+"<br />"+"屏幕可用大小："+screen.availWidth+"*"+screen.availHeight+"<br...

设置jQueryUI DatePicker默认语言为中文

2017年02月06日 9 阅读

datepicker控件默认是英文的，可以在构造datepicker时通过monthNames、dayNames属性来指定月、日的中文显示值，但是每次使用是都配置这些属性不免太麻烦了，可以增加一个js文件将中文配置都放在里面，每次使用直接引用即可，这里放在jquery.ui.datepicker-zh-CN.js中，内容如下：复制代码代码如下:jQuery（function（$）{ $.datepicker.regional["zh-CN"] = { ...

jQueryUI DatePicker 添加时分秒

2017年02月06日 9 阅读

jquery.ui 的 datepicker 默认是年月日的jquery 插件，如果添加时分秒只需要做如下修改即可1. 下载jquery-ui-timepicker-addon.js ，并在页面加载2. 页面添加如下 timepicker 的样式即可复制代码代码如下:.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-alig...

jQuery Mobile 触摸事件实例

2017年02月06日 10 阅读

触摸事件在用户触摸屏幕（页面）时触发。必须引入jQuery库和jQuery Mobile库，如下：<script src="http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script><script src="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"&g...

javascript获取select标签选中的值

2017年02月06日 9 阅读

复制代码代码如下:var obj = document.getElementById（"testSelect"）; //定位idvar index = obj.selectedIndex; // 选中索引var text = obj.options[index].text; // 选中文本var value = obj.options[index].value; // 选中值jQuery中获得选中select值第一种方式复制代码代码如下:$（"#tes...

EasyUI布局高度自适应

2017年02月06日 9 阅读

最近在把以前写的一个项目改成用easyui做前端。过程中遇到了不少问题。其中一个就是datagrid不能很好的布局。想了好多办法都有局限。最后想到会不会是布局的问题，经过实践，最后问题解决。1：比如在项目中用到了datagrid。如果界面比较简单－－－只有一个datagrid只需要把它的属性fit 设置为true就能实现自动适应窗体。如果在datagrid上方还有其他div的话，datagrid就不能很好的自动适应窗体。如查datagrid有分页控件，分页...

分享javascript实现的冒泡排序代码并优化

2017年02月06日 10 阅读

冒泡排序：就是将一个数组中的元素按照从大到小或者从小到大的顺序进行排列。var array=[9,8,7,6,5,4,3,2,1];第一轮比较：8,7,6,5,4,3,2,1,9 交换了8次 i=0 j=array.length-1-i第二轮比较：7,6,5,4,3,2,1,8,9 交换了7次 i=1 j=array.length-1-i第三轮比较：6,5,4,3,2,1,7,8,9 交换了6次 i=2 j=array.length-1-i第四轮比较：5,...

JavaScript和jquery获取父级元素、子级元素、兄弟元素的方法

2017年02月06日 9 阅读

最近工作中总遇到取各种父啊子啊兄弟姐妹啊，每次都得查，这次整理个全乎的~先给大家上干货：【js的获取方式】<div id = "dom"> <div></div> <div></div> <div></div> </div> function dom（）{ var a = document.getElementByIdx_x_x（"dom"）; var b ...

jQuery四种选择器使用及示例

2017年02月06日 9 阅读

jQuery 元素选择器jQuery 使用 CSS 选择器来选取 HTML 元素。$（"p"）选取 <p> 元素。$（"p.intro"）选取所有 class="intro" 的 <p> 元素。$（"p#demo"）选取所有 id="demo" 的 <p> 元素。示例代码：jquery 部分$（document）.ready（function（）{//页面加载完成后执行tagName（）;// idName（）;/...

jquery判断input值不为空的方法

2017年02月06日 9 阅读

<input type="text" class="searchbox" /><script type="text/javascript">$（document）.ready（function（）{ //enter回车键激活搜索$（".searchbox"）.bind（"keypress", function（event） {if （event.keyCode == "13"）{search_news（）;}}）;var k = $...

使用three.js 画渐变的直线

2017年02月06日 9 阅读

Three.js 是一款运行在浏览器中的 3D 引擎，你可以用它创建各种三维场景，包括了摄影机、光影、材质等各种对象。你可以在它的主页上看到许多精彩的演示。不过，这款引擎目前还处在比较不成熟的开发阶段，其不够丰富的 API 以及匮乏的文档增加了初学者的学习难度（尤其是文档的匮乏）three.js的代码托管在github上面。http://github.com/mrdoob/three.js/我们来看实例吧<！DOCTYPE html><h...

JavaScript 数组中最大最小值

2017年02月06日 9 阅读

现在获取数组中最大最小值用的越来越多了，于是乎我编了个方法供大家使用。代码如下，若有问题可以与我联系，咱们一起学习一起进步。我们来看下示例一：var numReg = /^-?[0-9]+.?[0-9]*$/Array.prototype.min = function（） {return this.reduce（function（preValue, curValue,index,array） { if （ numReg.test（preVa...

首页 / 脚本样式 / JavaScript

简单了解JavaScript操作XPath的一些基本方法

Ionic如何实现下拉刷新与上拉加载功能

Ionic快速安装教程

Ionic如何创建APP项目

js不间断滚动的简单实现

Ionic实现页面下拉刷新（ion-refresher）功能代码

JS实现图片的不间断连续滚动的简单实例

自己动手制作基于jQuery的Web页面加载进度条插件

javacript获取当前屏幕大小

设置jQueryUI DatePicker默认语言为中文

jQueryUI DatePicker 添加时分秒

jQuery Mobile 触摸事件实例

javascript获取select标签选中的值

EasyUI布局 高度自适应

分享javascript实现的冒泡排序代码并优化

JavaScript和jquery获取父级元素、子级元素、兄弟元素的方法

jQuery四种选择器使用及示例

jquery判断input值不为空的方法

使用three.js 画渐变的直线

JavaScript 数组中最大最小值

EasyUI布局高度自适应