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

基于javascript实现简单计算器功能

2017年02月06日 11 阅读

本文实例为大家介绍javascript实现简单计算器功能的详细代码，分享给大家供大家参考，具体内容如下效果图：实现代码：<html> <head> <script> function calc（event）{ // test//window.alert（event.value）; var val = new String（event.value）; // clear space val = val.trim（）; var...

信息页文内画中画广告js实现代码（文中加载广告方式）

2017年02月06日 11 阅读

脚本之家小编就直接给代码了：<！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><meta http-equiv="Content...

js中利用tagname和id获取元素的方法

2017年02月06日 12 阅读

本文分享了js中利用tagname和id获取元素的3种方法，供大家参考，具体内容如下方法一：整体法，先获取所有的元素，再通过ai+-b的方法来算出需要的元素方法二：数组法，在全局环境下建立空数组，遇到需要循环的结构时，在循环中获取元素，并放入数组方法三：函数法，遇到相同的几组元素时，只操作一组元素，并用函数传参来实现所有的效果具体代码如下<！DOCTYPE html><html lang="en"><head><m...

详解js中class的多种函数封装方法

2017年02月06日 11 阅读

本文实例讲解了js中class的多种函数封装方法，分享给大家供大家参考，具体内容如下<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>关于class的多种函数封装</title><style>body{margin: 0;}li{height: 20px;}</style><...

实例讲解避免javascript冲突的方法

2017年02月06日 12 阅读

本文实例讲解了如何避免javascript中冲突的方法，需要的朋友可以了解一下[1]工程师甲编写功能Avar a = 1;var b = 2;alert（a+b）;//3[2]工程师乙添加新功能Bvar a = 2;var b = 1;alert（a-b）;//1[3]上一步中,工程师乙在不知情的情况下,定义了同名变量a,产生冲突。于是使用匿名函数将脚本包起来,让变量作用域控制在匿名函数之内。//功能A（function（）{ var a = 1; v...

理解jquery事件冒泡

2017年02月06日 11 阅读

一、什么是jquery事件冒泡在很多教材或者手册都可能会涉及到事件冒泡的概念，老手来说这当然是最基本的概念，但往往对于初学者可能比较陌生或者说从来没有听说过。下面就结合代码实例来简单介绍一下什么是事件冒泡。代码实例如下:<html><head><meta charset=" gb2312"><title>事件冒泡</title><script type="text/javascript" s...

基于javascript实现窗口抖动效果

2017年02月06日 11 阅读

本文实例讲解了基于javascript实现窗口抖动效果的详细代码，分享给大家供大家参考，具体内容如下效果图：鼠标点击，窗口实现抖动。具体代码：<！DOCTYPE HTML><html><head><meta charset="gb2312"/><title>窗口登陆效果</title><style type="text/css">#win{ position:relativ...

bootstrap实现弹窗和拖动效果

2017年02月06日 11 阅读

有时开发一些特效，自己感觉挺爽的，像操作自己电脑一样操作你的网页，这里就介绍一个使用bootstrap的一点多窗口和拖动效果吧！这里，我们不使用静态打开的的方式，low...,1、添加一个a链接触发，打开按钮;2、编写动态打开js脚本; 3、编写modal中间内容;4、添加拖动效果;5、打开多个modal , 调用dragModal（new Array（"modalId1","modalId2"））;1、添加一个a链接触发，打开按钮：<a hre...

详解javascript的变量与标识符

2017年02月06日 11 阅读

一、变量从字面上看，变量是可变的量；从编程角度讲，变量是用于存储数据的容器1.1变量特性 javascript中的变量是松散类型的，可以保存任何类型的数据。由于不存在定义某个变量必须要保存何种数据类型值的规则，变量的值及其数据类型可以在脚本的生命周期内改变1.2变量命名变量可以任意取名，但必须遵循命名规则：[1]第一个字符必须是字母、下划线或美元符号。其他字符可以是字母、下划线、美元符号或数字//错误示范 6num //开头不能用数字 %sum ...

封装好的javascript前端分页插件pagination

2017年02月06日 13 阅读

摘要：最近在开发项目中又用到了前端分页，以前也做过，为了方便以后使用所以将他封装成第三方插件，不依赖任何库。网上已经有很多插件，问什么还要自己造轮子？自己写的扩展性高不依赖任何库作为一次技术沉淀先看下效果图安装方法首先在页面中要载入css及js<link rel="stylesheet" href="dist/pagination.css"><script src="dist/pagination.js"></script&...

javascript基础语法学习笔记

2017年02月06日 11 阅读

一、定义 javascript是一门用来增强页面动态效果，实现页面与用户之间的实时、动态交互的脚本语言（解释型编程语言）。javascript由三部分组成:ECMA、DOM和BOM [1]ECMAScript由ECMA-262定义，提供核心语言功能（ECMA是欧洲计算机制造商协会） [2]DOM文档对象模型，提供访问和操作网页内容的方法的接口 [3]BOM浏览器对象模型，提供与浏览器交互的方法的接口二、引入引入javascript有两种办法:在...

实例代码详解javascript实现窗口抖动及qq窗口抖动

2017年02月06日 11 阅读

窗口抖动效果在很多地方都有应用，例如网易的登陆窗口就有这样的效果，当登陆失败的时候就会出现抖动效果，这不但有动感，而且让人感觉新颖，下面是一段这样的代码实例，和大家分享一下。代码如下:<！DOCTYPE HTML><html><head><meta charset="utf-8"/><meta name="author" content="http://www.softwhy.com/" />&l...

基于JavaScript实现移除（删除）数组中指定元素

2017年02月06日 11 阅读

在Array对象中有给定的函数可以删除数组中指定的元素，虽然非常好用，但是总感觉看不到摸不着的比较别扭，下面就分享一个自定义的删除数组指定索引值元素的函数，希望给大家一个全新的思路。代码实例如下:var array=[]; array[0]="脚本之家一"; array[1]="脚本之家二"; array[2]="脚本之家三"; array[3]="脚本之家四"; array[4]="脚本之家五"; function remove（array,index）...

学习javascript面向对象理解javascript对象

2017年02月06日 11 阅读

一、编程思想面向过程:以过程为中心，自顶向下逐步细化，程序看成一系列函数调用的集合面向对象:对象作为程序的基本单元，程序分解为数据和相关操作二、类、对象类:对具有相同特性和特征事物的抽象描述对象:某种类型对应的具体事物三、面向对象的三大特性封装：隐藏实现细节，实现代码模块化继承：扩展已存在的代码模块，实现代码重用多态：接口的不同实现方式，实现接口重用四、对象定义：无序属性的集合，其属性可以包含基本值、对象或者函数//简单的对象实例var person = ...

jQuery自动完成插件completer附源码下载

2017年02月06日 11 阅读

我们在表单输入的时候，如要输入邮箱之类，只需输入邮箱名前段，那么@后面的内容将自动补全，将常用的几个邮箱列出来，用户只需选择一下就可以完成表单的输入。诸如此类的还有时间的输入、域名的输入都能自动完成，这些都由插件completer来帮您实现。效果展示图如下所示：效果展示源码下载HTML首先载入jQuery库和插件completer.js，当然还有相关CSS样式文件，这些都在源码下载里已打包好了。<script src="jquery.js">&...

学习javascript面向对象掌握创建对象的9种方式

2017年02月06日 11 阅读

本文为大家分享了javascript创建对象的9种方式，供大家参考，具体内容如下【1】使用Object构造函数[缺点]使用同一个接口创建很多对象，会产生大量重复代码var person = new Object（）;person.name = "Nicholas";person.age = 29;person.job = "Software Engineer";person.sayName = function（）{ alert（this.name）; ...

学习javascript面向对象 javascript实现继承的方式

2017年02月06日 13 阅读

本文实例为大家介绍了javascript实现继承的6种方式，分享给大家供大家参考，具体内容如下1、【原型链继承】实现的本质是重写原型对象，代之以一个新类型的实例。实际上不是SubType的原型的constructor属性被重写了，而是SubType的原型指向了另一个对象——SuperType的原型，而这个原型对象的construtor属性指向的是SuperTypefunction SuperType（）{ this.property = true;}Sup...

学习javascript面向对象实例讲解面向对象选项卡

2017年02月06日 11 阅读

本文实例讲解了最简单的面向对象选项卡实现方法，分享给大家供大家参考，具体内容如下效果图：1、功能说明点击三个按钮分别显示对应的选项卡2、html代码说明<div class="box" id="box"> <ul class="list"><li class="in_active">第一张选项卡</li><li class="in">第二张选项卡</li><li class="i...

详解Bootstrap创建表单的三种格式（一）

2017年02月06日 14 阅读

在本章中，我们将学习如何使用 Bootstrap 创建表单。Bootstrap 通过一些简单的 HTML 标签和扩展的类即可创建出不同样式的表单。Bootstrap表单类型分为三种格式：垂直或基本表单、内联表单、水平表单。垂直或基本表单（display:block;）基本的表单结构是 Bootstrap 自带的，个别的表单控件自动接收一些全局样式。下面列出了创建基本表单的步骤：向父 <form> 元素添加 role="form"。把标签和控件放...

学习javascript面向对象理解javascript原型和原型链

2017年02月06日 12 阅读

先看一张图，梳理梳理。一、基本概念【原型链】每个构造函数都有一个对象，原型对象都包含一个指向构造函数的指针，而实例都包含一个指向原型对象的内部指针。那么，如果原型对象等于另一个原型的实例，此时的原型对象将包含一个指向另一个原型的指针，相应地，另一个原型中也包含着一个指向另一个构造函数的指针。如果另一个原型又是另一个原型的实例，那么上述关系依然成立。如此层层递进，就构成了实例与原型的链条。【原型对象】这个对象包含可以由特定类型的所有实例共享的属性和方法。...

首页 / 脚本样式 / JavaScript

基于javascript实现简单计算器功能

信息页文内画中画广告js实现代码（文中加载广告方式）

js中利用tagname和id获取元素的方法

详解js中class的多种函数封装方法

实例讲解避免javascript冲突的方法

理解jquery事件冒泡

基于javascript实现窗口抖动效果

bootstrap实现弹窗和拖动效果

详解javascript的变量与标识符

封装好的javascript前端分页插件pagination

javascript基础语法学习笔记

实例代码详解javascript实现窗口抖动及qq窗口抖动

基于JavaScript实现移除（删除）数组中指定元素

学习javascript面向对象 理解javascript对象

jQuery自动完成插件completer附源码下载

学习javascript面向对象 掌握创建对象的9种方式

学习javascript面向对象 javascript实现继承的方式

学习javascript面向对象 实例讲解面向对象选项卡

详解Bootstrap创建表单的三种格式（一）

学习javascript面向对象 理解javascript原型和原型链

学习javascript面向对象理解javascript对象

学习javascript面向对象掌握创建对象的9种方式

学习javascript面向对象实例讲解面向对象选项卡

学习javascript面向对象理解javascript原型和原型链