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

jquery插件ajaxupload实现文件上传操作

2017年02月06日 11 阅读

本文实例讲述了jquery插件ajaxupload实现文件上传操作代码。分享给大家供大家参考。具体如下：运行效果截图如下：图1 文件上传前图2 文件上传后具体代码如下：1、创建页面并编写HTML上传文档: <div class="uploadFile"> <span id="doc"><input type="text" disabled="disabled" /></span> <input type...

谈谈AngularJs中的隐藏和显示

2017年02月06日 12 阅读

AngularJS 通过新的属性和表达式扩展了 HTML。AngularJS 可以构建一个单一页面应用程序（SPAs：Single Page Applications）。代码如下所示：<！DOCTYPE html><html ng-app="a2_12"><head><meta charset="utf-8"><title></title><script type="text/j...

AngularJS实现元素显示和隐藏的几个案例

2017年02月06日 11 阅读

案例一：控制html元素显示和隐藏有n种方法：html的hidden、css的display、jquery的hide（）和show（）、bootstrap的.hide。今天的重点不是显示和隐藏，而是监听某个布尔变量值，自动改变元素显示和隐藏状态。监听函数、if判断、选择dom、设置dom，5行代码搞不定吧，而且毫无技术含量。看代码：<！DOCTYPE html><html ng-app><head> <meta c...

JavaScript常用基础知识强化学习

2017年02月06日 11 阅读

首先，还是用比较官方的文字描述来解释下JavaScript：JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。JavaScript拥有以下几个特点：· 脚本语言。JavaScript是一种解释型的脚本语言,C、C++等语言先编译后执行,而...

js获取鼠标位置实例详解

2017年02月06日 12 阅读

本文实例讲述了js获取鼠标位置的方法。分享给大家供大家参考，具体如下：用 javascript 获取当前页面上鼠标（光标）位置在许多情况下都会用到，比如拖放，悬停提示（tooltip）等等。当然，这里我们依然要面对浏览器的兼容问题，在不同的浏览器下，对这些相关的属性处理方式也不同，这里详细介绍了浏览器在处理这些属性时的差异和最终的解决方法。Javascript代码如下:<script type="text/javascript">// 说明：...

JavaScript中rem布局在react中的应用

2017年02月06日 11 阅读

前面给大家分享了一个react项目（http://www.jb51.net/article/76085.htm），这次对这个项目做了一些改进，增加了rem布局和对iscroll在Android上的优化。项目代码，欢迎fork和star，在线预览REM布局实例代码var fontSizeInit = function（） {var doc = document.documentElement, cli = doc.clientWidth;cli&&（cli/...

深入探讨前端框架react

2017年02月06日 11 阅读

摘要：最近公司要做一个嵌套在app中的应用，考虑着用Facebook的react来开发view，所以就研究了下。下面是我在开发中遇到的坑，希望能给你帮助。项目地址：https://github.com/baixuexiyang/reactIssue：https://github.com/baixuexiyang/react/issues欢迎star和fork！react优势：•仅仅只要表达出你的应用程序在任一个时间点应该长的样子，然后当底层的...

详解js跨域原理以及2种解决方案

2017年02月06日 11 阅读

1.什么是跨域我们经常会在页面上使用ajax请求访问其他服务器的数据,此时,客户端会出现跨域问题.跨域问题是由于javascript语言安全限制中的同源策略造成的.简单来说,同源策略是指一段脚本只能读取来自同一来源的窗口和文档的属性,这里的同一来源指的是主机名、协议和端口号的组合.例如:2.实现原理在HTML DOM中,Script标签是可以跨域访问服务器上的数据的.因此,可以指定script的src属性为跨域的url,从而实现跨域访问.例如:这种访问方式...

js实现跨域访问的三种方法

2017年02月06日 12 阅读

javascript跨域访问是web开发者经常遇到的问题，什么是跨域，一个域上加载的脚本获取或操作另一个域上的文档属性，下面将列出三种实现javascript跨域方法: 1.基于iframe实现跨域基于iframe实现的跨域要求两个域具有aa.xx.com,bb.xx.com这种特点，也就是两个页面必须属于一个基础域（例如都是xxx.com，或是xxx.com.cn），使用同一协议（例如都是 http）和同一端口（例如都是80），这样在两个页面中同时添加...

JavaScript知识点整理

2017年02月06日 15 阅读

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。首先，还是用比较官方的文字描述来解释下JavaScript：JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScrip...

js省市联动效果完整实例代码

2017年02月06日 11 阅读

本文实例讲述了js省市联动效果。分享给大家供大家参考，具体如下：运行效果截图如下：具体代码如下：<html> <head><title></title><script language="javascript" type="text/javascript">//定义城市数据数组 cityArray = new Array（）; cityArray[0] = new Array（"北京市","东...

JavaScript脚本库编写的方法

2017年02月06日 11 阅读

JavaScript就是所谓的客户端脚本语言，是一种在互联网浏览器（浏览器也称为Web客户端，因为它连接到Web服务器上，以下载页面）内部运行的计算机编程语言。JavaScript的工作方式很有趣。普通网页内都会插入一些JavaScript代码。当浏览器加载该页面时，浏览器的内置解释器将读取并运行它在该页面中找到的JavaScript代码。做Web开发已经四年，或多或少积累了一些JavaScript脚本。比如，限制input只允许输入数字的脚本；敲回车自动...

完美实现bootstrap分页查询

2017年02月06日 11 阅读

最近，开始我们的Java项目，要求尽量使用bootstrap，因为它比easyUI要好看的多。然后就开始上网查，边查边做，虽然我们引入了一些bootstrap的样式，但是并没有js代码，所有的功能都需要自己用js做。其实并不难，只要我们明白分页的实质就行。说了这么多，就让我们看看分页查询的表格是怎么做出来的吧。先上效果图：1、引入的css样式我们需要引入bootstrap自带的表格样式，这样比较好看，如果再需要修改的话，我们就在其基础上再改。<lin...

js实现的奥运倒计时时钟效果代码

2017年02月06日 11 阅读

本文实例讲述了js实现的奥运倒计时时钟效果代码。分享给大家供大家参考，具体如下：运行效果截图如下：具体代码如下：<html> <head><title>js倒计时</title><SCRIPT language=JavaScript1.2> function setcountdown（theyear,themonth,theday）{ yr=theyear;mo=themonth;da=theda...

JavaScript中的this到底是什么（一）

2017年02月06日 11 阅读

对于常年使用C++,C#,Java等这些面向对象语言的程序员来说，几乎天天都和this打交道。在这些语言里，this含义非常明确，就是指向当前的对象实例，我们用起来也是相当的放心。然而，到了JavaScript这个动态语言里，this的写法没变，但是其含义却大大地不同了，下面用实例说明，使用浏览器为Firefox14.0.1.首先，Hello World o（^▽^）o本人从刚开始自学javascript这门灵活的编程语言到现在，也有一年多的时间了。在这一...

js实现的星星评分功能函数

2017年02月06日 13 阅读

本文实例讲述了js实现的星星评分功能函数。分享给大家供大家参考，具体如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><me...

JavaScript程序设计之JS调试

2017年02月06日 11 阅读

本文主要通过一个加法器，介绍JS如何调试。先上代码：效果：test.html：<span style="font-family:Comic Sans MS;font-size:18px;"><！DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>计算器</title> </head&g...

深入浅析react native es6语法

2017年02月06日 11 阅读

react native是直接使用es6来编写代码，许多新语法能提高我们的工作效率解构赋值var { StyleSheet,Text,View} = React;这句代码是ES6 中新增的解构（Destructuring）赋值语句。准许你获取对象的多个属性并且使用一条语句将它们赋给多个变量。上面的代码等价于：var StyleSheet = React.StyleSheet;var Text = React.Text;var View = React.Vi...

jQuery实现页面顶部显示的进度条效果完整实例

2017年02月06日 11 阅读

本文实例讲述了jQuery实现页面顶部显示的进度条效果。分享给大家供大家参考，具体如下：具体代码如下：<！Doctype html><html><head><title>页面顶部显示的进度条效果</title><meta http-equiv=Content-Type content="text/html;charset=utf-8"></head><body>...

jQuery实现form表单元素序列化为json对象的方法

2017年02月06日 11 阅读

本文实例讲述了jQuery实现form表单元素序列化为json对象的方法。分享给大家供大家参考，具体如下：这段代码序列化form表单元素为json对象：<！Doctype html> <html xmlns=http://www.w3.org/1999/xhtml> <head> <title>jQuery扩展——form序列化到json对象</title> <meta http-equiv...

首页 / 脚本样式 / JavaScript

jquery插件ajaxupload实现文件上传操作

谈谈AngularJs中的隐藏和显示

AngularJS实现元素显示和隐藏的几个案例

JavaScript常用基础知识强化学习

js获取鼠标位置实例详解

JavaScript中rem布局在react中的应用

深入探讨前端框架react

详解js跨域原理以及2种解决方案

js实现跨域访问的三种方法

JavaScript知识点整理

js省市联动效果完整实例代码

JavaScript脚本库编写的方法

完美实现bootstrap分页查询

js实现的奥运倒计时时钟效果代码

JavaScript中的this到底是什么（一）

js实现的星星评分功能函数

JavaScript程序设计之JS调试

深入浅析react native es6语法

jQuery实现页面顶部显示的进度条效果完整实例

jQuery实现form表单元素序列化为json对象的方法