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

jQuery+CSS3+Html5实现弹出层效果实例代码（附源码下载）

2017年02月06日 10 阅读

弹出层用来向用户展示详细的信息，交互性非常强。弹出层有对话框、模态窗口等形式，这里我都把他们叫做弹出层，我的同事们也是这么叫的。一般我们喜欢使用比较成熟的弹出层插件如fancybox等，但在本文，我将先抛弃插件，给大家介绍如何使用jQuery+CSS3+Html5实现弹出层。效果展示源码下载我们完全使用HTML5+CSS3+jQuery来实现一个基本的弹出层效果，因此我们可以在示例中任意修改弹出层外观样式、甚至js方法调用。我们最终做出来的弹出层效果应该是...

WEB前端开发框架Bootstrap3 VS Foundation5

2017年02月06日 10 阅读

开发工程师, 使用 Bootstrap. 前端开发人员, 使用 Foundation. 我们来谈谈为什么.Bootstrap 与 Foundation 有许多关键的区别, 但是, 我想你只需要记住一件事:ZURB 和 Twitter 的两种设计理念是很清楚的, 从他们对自己的框架的命名就可以看出来: Bootstrap 有引导, 开机自举的意思, 换言之, 它尝试处理你项目中一切所需要的. 而 Foundation 有创建, 创造的意思, 换言之, 它仅仅...

javascript对象的相关操作小结

2017年02月06日 10 阅读

我们知道浏览器对象模型（BOM）是javascript的组成之一，它提供了独立于内容与浏览器窗口进行交互的对象。其分层结构如下：window对象是整个BOM的核心其有document（文档对象）、location（地址对象）和history（历史对象组成）调用对象属性的语法： 1.对象.属性名=“属性值”;2.对象[“属性名称字符串”]=”属性值”;调用对象方法的语法：1.对象的方法名（）;2.对象[“方法名称字符串”]（）;window对象的常用方法w...

Javascript基础教程之比较null和undefined值

2017年02月06日 10 阅读

JavaScript 中有两个特数值： undefined和null，在比较它们的时候需要留心。在读取未赋值的变量或试图读取对象没有的属性时得到的就是 undefined 值。<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Learn4UndefinedAndNull</title></head&...

论Bootstrap3和Foundation5网格系统的异同

2017年02月06日 11 阅读

Bootstrap和Foundation是我最喜欢的两个前端框架，尤其是在快速开发网站的原型上。它们都提供了随时可用的组件，加快了我的工作流程。除了一些细小差别，在我看来它们大部分的基本特征都是类似。在这篇文章里，我将介绍它们网格的基本构造。首先，我将会向你展示它们是如何构建的，描述它们的主要部件，以及它们对不同屏幕的大小表现出的差异。然后，我将通过一个真实例子的实践来帮助你增添知识。让我们一起开始吧！比较一：媒体查询的比较在分析Bootstrap和Fou...

Bootstrap3 input输入框插入glyphicon图标的方法

2017年02月06日 11 阅读

bootstrap3如何在input输入框插入glyphicon图标呢？插入图标看起来比较醒目，满足用户体验价值观，此功能应用于各大网站。怎么把图标放在输入框的开头？？<div class="form-group has-feedback"><label class="col-md-2 control-label" for="username">用户名</label><div class="col-md-6">...

在javascript中创建对象的各种模式解析

2017年02月06日 10 阅读

最近在看《javascript高级程序设计》（第二版）javascript中对象的创建•工厂模式•构造函数模式•原型模式•结合构造函数和原型模式•原型动态模式面向对象的语言大都有一个类的概念，通过类可以创建多个具有相同方法和属性的对象。虽然从技术上讲，javascript是一门面向对象的语言，但是javascript没有类的概念，一切都是对象。任意一个对象都是某种引用类型的实例，都是通过已有的引用...

BootStrap点击下拉菜单项后显示一个新的输入框实现代码

2017年02月06日 11 阅读

我的页面上有一个下拉菜单,页面上有一个文本输入框,一个图像上传框,文本输入框默认是显示的,而图片上传框是隐藏的.假设下拉菜单有两项A和B,我想实现这样的效果:点击A时显示文本输入框,隐藏图像输入框；点击B时显示图像上传框,隐藏文本输入框,请问怎么实现?用firebug调试的时候发现只有在加载html页面的时候几个click函数才会执行,页面加载好后点击下拉菜单项,这些断点都不会被执行,求解是怎么回事.我的js代码如下（定义在<head>...

怎么限制input的text里输入的值只能是数字（正则、js）

2017年02月06日 10 阅读

当我们在一些网站注册账号、填写信息是，不小心将电话号码填写成汉字或其他英文字母了，这显然是不正确的。为了帮助用户更好地纠正输入时的错误，在表单中填写信息时，需要限制手机号、邮编、电话号码这类文本框不能输入其他字符，只能是数字。通过使用正则匹配输入的时候只是数字：复制代码代码如下:var numRegex = /D/g 再通过JavaScript的onblur 事件：定义和用法onblur 事件会在对象失去焦点时发生。Onblur 经常用于Javascri...

JS获取元素多层嵌套思路详解

2017年02月06日 11 阅读

如果一段html嵌套过多，在js中获取还是比较麻烦的，我写了几套方案，大家可以参考参考，如果你有好的方法，也分享出来，让我们瞧瞧。HTML：<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>元素多层嵌套，JS获取问题</title></head><body><div id="...

Bootstrap4一次重大更新几乎涉及每行代码

2017年02月06日 10 阅读

对Bootstrap来说去年8月19日是个特别的日子——不仅是项目四周年纪念日，也是经过了一年密集开发之后发布Bootstrap 4内测版的日子。Bootstrap 4是一次重大更新，几乎涉及每行代码。1、新增功能Bootstrap 4中有太多重大的更新，本文不能面面俱到，下面是一些颇受关注的亮点：从Less迁移到Sass：现在，Bootstrap已加入Sass的大家庭中。得益于Libsass，Bootstrap的编译速度比以前更快；改进网格系统：新增一...

JS组件Bootstrap实现图片轮播效果

2017年02月06日 11 阅读

本文主要来学习一下JavaScript插件--轮播。废话不多说，直接进入学习。完整教程可查看：Bootstrap3.0教程轮播下面先来展示的就是此插件和相关组件制作的轮播案例。<body style="width:900px; margin-left:auto; margin-right:auto;"><div id="carousel-example-generic" class="carousel slide" data-ride="...

JavaScript操作选择对象的简单实例

2017年02月06日 10 阅读

JavaScript操作选择对象的简单实例//替换选中文本内容，参数text为要替换的内容function SetSelectionText（text） {//非IE浏览器if （window.getSelection） {var sel = window.getSelection（）;alert（sel.rangeCount）; //选区个数, 通常为 1 .sel.deleteFromDocument（）; //清除选择的内容var r = sel.g...

JS学习之表格的排序简单实例

2017年02月06日 10 阅读

JS学习之表格的排序简单实例<！DOCTYPE html><html><head><meta charset="UTF-8"><title></title></head><body><input id="btn1" type="button" value="排序"><table id="tab1" width="200" border="1" ...

KnockoutJs快速入门教程

2017年02月06日 11 阅读

一、引言之前这个系列文章已经介绍Bootstrap，详情请查看本文：《Bootstrap入门教程》，由于最近项目中，前端是Asp.net MVC + KnockoutJs + Bootstrap来做的。所以我又重新开始写这个系列。今天就让我们来看看Web前端的MVVM框架——KnockoutJs。二、KnockoutJs是什么？做.NET开发的人应该都知道，WPF中就集成了MVVM框架，所以KnockoutJs也是针对Web开发的MVVM框架。关于MV...

WebApi+Bootstrap+KnockoutJs打造单页面程序

2017年02月06日 11 阅读

一、前言在前一个专题快速介绍了KnockoutJs相关知识点，也写了一些简单例子，希望通过这些例子大家可以快速入门KnockoutJs。为了让大家可以清楚地看到KnockoutJs在实际项目中的应用，本专题将介绍如何使用WebApi+Bootstrap+KnockoutJs+Asp.net MVC来打造一个单页面Web程序。这种模式也是现在大多数公司实际项目中用到的。二、SPA（单页面）好处在介绍具体的实现之前，我觉得有必要详细介绍了SPA。SPA，即Si...

js实现页面跳转的几种方法小结

2017年02月06日 10 阅读

按钮式：<INPUT name="pclog" type="button" value="GO" onClick="location.href="http://www.jb51.net/"">链接式：<a href="javascript:history.go（-1）">返回上一步</a><a href="<%=Request.ServerVariables（"HTTP_REFERER"）%>">...

JavaScript实现页面跳转的方式汇总

2017年02月06日 10 阅读

在动手做网站时，不可避免的会碰到页面跳转的问题，新页面是在当前页面打开呢？还是在新窗口打开呢？是不是需要依据参数进行跳转呢或者要经过用户确认后再跳转呢？等等很多种情况，下面我们来看下常用的一些JS实现页面跳转的方式例子。按钮式： <INPUT name="pclog" type="button" value="GO" onClick="location.href="http://www.ddhbb.com/""> 链接式： <a ...

基于javascript实现最简单的选项卡切换效果

2017年02月06日 10 阅读

本文实例为大家分享了js选项卡切换效果的具体实现代码，供大家参考，具体内容如下<！DOCTYPE html><html><head><meta charset="gb2312" /><title>朱朱制作</title><script src="js/jquery.js" type="text/javascript"></script><style>...

JavaScript开发Chrome浏览器扩展程序UI的教程

2017年02月06日 10 阅读

基本知识1、插件文件结构1.1、manifest.json每一个扩展、可安装的WebApp、皮肤，都有一个JSON格式的manifest文件，里面存放重要的插件相关信息。一个最基本的配置例子：{"name": "browser action demo","version": "1.0","permissions": ["tabs", "http://*/*", "https://*/*"],"browser_action": {"default_title...

首页 / 脚本样式 / JavaScript

jQuery+CSS3+Html5实现弹出层效果实例代码（附源码下载）

WEB前端开发框架Bootstrap3 VS Foundation5

javascript对象的相关操作小结

Javascript基础教程之比较null和undefined值

论Bootstrap3和Foundation5网格系统的异同

Bootstrap3 input输入框插入glyphicon图标的方法

在javascript中创建对象的各种模式解析

BootStrap点击下拉菜单项后显示一个新的输入框实现代码

怎么限制input的text里输入的值只能是数字（正则、js）

JS获取元素多层嵌套思路详解

Bootstrap4一次重大更新 几乎涉及每行代码

JS组件Bootstrap实现图片轮播效果

JavaScript操作选择对象的简单实例

JS学习之表格的排序简单实例

KnockoutJs快速入门教程

WebApi+Bootstrap+KnockoutJs打造单页面程序

js实现页面跳转的几种方法小结

JavaScript实现页面跳转的方式汇总

基于javascript实现最简单的选项卡切换效果

JavaScript开发Chrome浏览器扩展程序UI的教程

Bootstrap4一次重大更新几乎涉及每行代码