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

在javascript中对于DOM的加强

2016年07月27日 6 阅读

一、DOMDOM： DOM= Document Object Model，文档对象模型，DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构。换句话说，这是表示和处理一个HTML或XML文档的常用方法。有一点很重要，DOM的设计是以对象管理组织（OMG）的规约为基础的，因此可以用于任何编程语言.D：文档 – html 文档或 xml 文档O：对象 – document 对象的属性和方法M：模型DOM 是针对xml（html）的基于树的AP...

如何使用json在前后台进行数据传输实例介绍

2016年07月27日 7 阅读

上一篇博客写到用javascript生成多组文本，可以让数据的输入不受显示，现在我们需要把这些输入写入数据库，这里就用到json传入。首先，我们来写一下后台如何生成要传输的数据 [html] 复制代码代码如下: function generateDtb（） { //写入 var txtName = document.getElementById（"txtName"）.value; //创建数组 var dtb = new Array（）; //通过循环...

JS添加删除一组文本框并对输入信息加以验证判断其正确性

2016年07月27日 5 阅读

在做项目中遇到这样一个问题，就是我们需要添加几组数据到数据库，但是具体几组数据不确定，有客户来填写，比如我们需要添加打折策略，可能个策略有很多组方案，比如“满100打5折，满200打4折，满500打3折”等等，这是作为一组方案来执行的，但是并不确定一组方案中有几个子方案，所以，这里我用JS进行添加删除子方案，并要对方案输入的正确性加以判断，并且通过json传输写入数据库，这里我们主要写如果添加删除一组子项目和如果给每个文本框添加验证。动态添加一组文本框：...

javascript标签在页面中的位置探讨

2016年07月27日 5 阅读

在制作网页的过程中，我们经常写类似下面的代码： [html] 复制代码代码如下: <html> <head> <title>Example HTML Page</title> <script type="text/javascript" src="example1.js"></script> <script type="text/javascript" src="example...

JavaScript中的noscript元素属性位置及作用介绍

2016年07月27日 6 阅读

一、<script>元素属性向XHTML页面中插入JavaScript的主要方法，就是使用<script>元素，该元素有5个属性分别为charset、defer、language、src、type，经常使用的是type、src、defer这三个。 1、type属性的值一般都是text/javascript，该属性是必须的,<script type=”text/javascript”/>。 2、src属性的值是*.js外...

JavaScript在XHTML中的用法详解

2016年07月27日 5 阅读

编写XHTML代码的规则要比编写HTML要严格得多，类似下面的代码在HTML中是有效的，但在XHTML中则是无效的。 [javascript] 复制代码代码如下: <script type="text/javascript"> function compare（a, b） { if（a < b） { alert（"a is less then b"）; } else if（a > b） { alert（"a is greater ...

获取内联和链接中的样式（js代码）

2016年07月27日 5 阅读

复制代码代码如下: var head = document.getElementById（ "box" ）; // alert（ head.style.background ） // alert（ head.style.cssFloat || head.style.styleFloat ） // 获取float不一样 // head.style.fontSize = "30px" head.style.color = "#f00"; // （typeof...

js实现单一html页面两套css切换代码

2016年07月27日 6 阅读

今天研究了一下JS的用setAttribute方法实现一个页面两份样式表的效果，具体方法如下：第一步：在连接样式表的元素里定义一个id,例如复制代码代码如下: <link href=”1.css” rel=”stylesheet” type=”text/css” id=”css”> 我定义的id是css。第二步：写一个js函数，代码如下：复制代码代码如下: <script type=”text/javascript”>...

Js中setTimeout（）和setInterval（）何时被调用执行的用法

2016年07月27日 5 阅读

定义setTimeout（）和setInterval（）经常被用来处理延时和定时任务。setTimeout（）方法用于在指定的毫秒数后调用函数或计算表达式,而setInterval（）则可以在每隔指定的毫秒数循环调用函数或表达式，直到clearInterval把它清除。从定义上我们可以看到两个函数十分类似，只不过前者执行一次，而后者可以执行多次，两个函数的参数也相同，第一个参数是要执行的code或句柄，第二个是延迟的毫秒数。很简单的定义，使用起来也很简单...

关于JavaScript与HTML的交互事件

2016年07月27日 6 阅读

JavaScript和HTML的交互是通过事件实现的。JavaScript采用异步事件驱动编程模型，当文档、浏览器、元素或与之相关对象发生特定事情时，浏览器会产生事件。如果JavaScript关注特定类型事件，那么它可以注册当这类事件发生时要调用的句柄。事件流事件流描述的是从页面中接收事件的顺序，比如有两个嵌套的div，点击了内层的div，这时候是内层的div先出发click事件还是外层先触发？目前主要有三种模型IE的事件冒泡：事件开始时由最具体的元素接收...

关于JavaScript中string 的replace

2016年07月27日 8 阅读

replace（）方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。语法：string.replace（subStr/reg,replaceStr/function）第一个参数可以是字符串的子字符串，也可以是一个正则表达式，第二个参数可以是一个字符串或者一个处理方法，下面我们分别看看复制代码代码如下:document.write（"1234".replace（1, "X"））;我们可以得到结果：X234，很正常，但是复制代码...

深入理解JavaScript 闭包究竟是什么

2016年07月27日 6 阅读

1.简单的例子首先从一个经典错误谈起，页面上有若干个div，我们想给它们绑定一个onclick方法，于是有了下面的代码复制代码代码如下:<div id="divTest"> <span>0</span> <span>1</span> <span>2</span> <span>3</span> </div> <div id="di...

用JavaScript获取DOM元素位置和尺寸大小的方法

2016年07月27日 7 阅读

在一些复杂的页面中经常会用JavaScript处理一些DOM元素的动态效果，这种时候我们经常会用到一些元素位置和尺寸的计算，浏览器兼容性问题也是不可忽略的一部分，要想写出预想效果的JavaScript代码，我们需要了解一些基本知识。基础概念为了方便理解，我们需要了解几个基础概念，每个HTML元素都有下列属性offsetWidthclientWidthscrollWidthoffsetHeightclientHeightscrollHeightoffsetL...

基于JavaScript实现获取鼠标点击位置坐标的方法

2016年07月27日 5 阅读

在一些DOM操作中我们经常会跟元素的位置打交道，鼠标交互式一个经常用到的方面，令人失望的是不同的浏览器下会有不同的结果甚至是有的浏览器下没结果，这篇文章就上鼠标点击位置坐标获取做一些简单的总结，没特殊声明代码在IE8，FireFox，Chrome下进行测试兼容鼠标点击位置坐标相对于屏幕如果是涉及到鼠标点击确定位置相对比较简单，获取到鼠标点击事件后，事件screenX，screenY获取的是点击位置相对于屏幕的左边距与上边距，不考虑iframe因素，不同浏览...

Javascript实现滑块滑动改变值的实现代码

2016年07月27日 5 阅读

最近做了一个关于税务的功能，值得一说的是本页面的滑块实现。大家都知道现实中的程序员大部分都是对于页面和美工不是很熟悉。本人也是，但是本人比较喜欢自己动手来实现。废话不多说。上图：实现结果:部分js代码：复制代码代码如下: window.onload = function （） { var oWin = document.getElementById（"win"）; var bDrag = false; var disX = disY = 0; oW...

jQuery插件实现屏蔽单个元素使用户无法点击

2016年07月27日 5 阅读

复制代码代码如下: <！DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="http://ajax.go...

jQuery contains过滤器实现精确匹配使用方法

2016年07月27日 5 阅读

复制代码代码如下: <！DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <！--<script src="http://...

原生js实现查找/添加/删除/指定元素的class

2016年07月27日 14 阅读

复制代码代码如下: window.onload = function（）{ var gaga = document.getElementById（ "gaga" ）; addClass（ gaga,"gaga1" ） addClass（ gaga,"gaxx" ）; removeClass（ gaga,"gaga1" ） removeClass（ gaga,"gaga" ） function hasClass（ elements,cName ）{ ret...

使用jQuery清空file文件域的解决方案

2016年07月27日 5 阅读

般来说，在对一个文件域（input type=”file”）使用了验证后，我们总会希望把文件域中的值给清空了（否则错误的文件仍然会被提交），而在IE中，安全设置的原因，是不允许更改文件域的值的（也就是不能使用val（“”））那么很显然，我们就只能换个思路，把这个input元素复制一个，然后将原来的删除。在IE下复制元素的时候，其中的值是不会被复制的，所以就达到了清空文件域的目的了。而在Firefox下，其中的值也会被一同复制，那么我们就顺便清空一下就...

关于query Javascript CSS Selector engine

2016年07月27日 8 阅读

query是一个javascript css selector engine，小巧而功能强大，压缩后2k左右，可以很轻松的集成到代码当中。支持浏览器IE6+、Firefox、Chrome、Safari、Opera选择器query（selector[,context]） div #intro div#intro .red span.red [name] [name=keywords] input[name] input[name=keywords]...

首页 / 脚本样式 / JavaScript

在javascript中对于DOM的加强

如何使用json在前后台进行数据传输实例介绍

JS添加删除一组文本框并对输入信息加以验证判断其正确性

javascript标签在页面中的位置探讨

JavaScript中的noscript元素属性位置及作用介绍

JavaScript在XHTML中的用法详解

获取内联和链接中的样式（js代码）

js实现单一html页面两套css切换代码

Js中setTimeout（）和setInterval（） 何时被调用执行的用法

关于JavaScript与HTML的交互事件

关于JavaScript中string 的replace

深入理解JavaScript 闭包究竟是什么

用JavaScript获取DOM元素位置和尺寸大小的方法

基于JavaScript实现 获取鼠标点击位置坐标的方法

Javascript实现滑块滑动改变值的实现代码

jQuery插件实现屏蔽单个元素使用户无法点击

jQuery contains过滤器实现精确匹配使用方法

原生js实现查找/添加/删除/指定元素的class

使用jQuery清空file文件域的解决方案

关于query Javascript CSS Selector engine

Js中setTimeout（）和setInterval（）何时被调用执行的用法

基于JavaScript实现获取鼠标点击位置坐标的方法