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

js使用DOM设置单选按钮、复选框及下拉菜单的方法

2016年07月27日 10 阅读

本文实例讲述了js使用DOM设置单选按钮、复选框及下拉菜单的方法。分享给大家供大家参考。具体实现方法如下：1.设置单选按钮单选按钮在表单中即<input type="radio" />它是一组供用户选择的对象，但每次只能选一个。每一个都有checked属性，当一项选择为ture时，其它的都变为false.先贴上一个例子：复制代码代码如下:<script type="text/javascript"> function getCho...

DOM基础教程之事件类型

2016年07月27日 10 阅读

对于用户事件类型而言，最常用的是鼠标、键盘、浏览器。1.鼠标事件：鼠标的事件都频繁使用，下面例子就测试各种鼠标事件复制代码代码如下:<script language="javascript"> function handle（oEvent） { var disp = document.getElementById（"display"）; if （window.event） oEvent = window.event; //处理兼容性，获得对象...

js实现class样式的修改、添加及删除的方法

2016年07月27日 9 阅读

本文实例讲述了js实现class样式的修改、添加及删除的方法。分享给大家供大家参考。具体分析如下：比较常见的js前端功能，通过修改标签的className实现相应的功能。具体代码如下：复制代码代码如下:<table><tbody><tr><td>js实现class的样式的修改、添加、删除</td><td><a e_value="g_sn" ename="商品编码" class=...

jQuery实现tag便签去重效果的方法

2016年07月27日 9 阅读

本文实例讲述了jQuery实现tag便签去重效果的方法。分享给大家供大家参考。具体实现方法如下：html代码如下：复制代码代码如下:<head><script type="text/javascript" src="js/jQuery.js"></script> <！--jquery引用代码--><script type="text/javascript" src="js/delRepeat.js"&...

DOM基础教程之使用DOM控制表格

2016年07月27日 10 阅读

表格的css控制就先不说了，首先分享下表格常用的DOM表格添加操作的方法常用的为insertRow（）和insertCell（）方法。row是从零开始计算起的，例如：复制代码代码如下:var oTr = document.getElementById（"member"）.insertRow（2）是指将新行添加到第二行。复制代码代码如下:var aText = new Array（）;aText[0] = document.createTextNode（...

DOM基础教程之使用DOM控制表单

2016年07月27日 10 阅读

1.表单简介表单<form>是网页中交互最多的形式之一，它通过各种形式接收用户的数据，包括下拉列表框，单选按钮，复选框和文本框，本篇主要介绍表单中常用的属性和方法javascript中可以很方便的操作表单，例如获得表单数据进行有效验证，自动给表单域赋值，处理表单事件等。此时每个form都解析为一个对象，即form对象，可以通过document.forms集合来引用这些对象，例如一个nama属性为form1的表单可以使用复制代码代码如下:doc...

DOM基础教程之使用DOM设置文本框

2016年07月27日 10 阅读

1.控制用户输入的字符个数对于单行文本框和密码输入框，可以利用maxlength属性控制用户输入的字符个数。对于多行文本，maxlength为自定义属性，其值最多输入的字符的个数，在onkeypress事件发生时则调运返回LessThan（）函数返回值，函数如下<textarea name="comments" id="comments" cols="40" rows="4" maxlength="50" onekeypress ="return L...

jQuery元素的隐藏与显示实例

2016年07月27日 9 阅读

本文实例讲述了jQuery元素的隐藏与显示的方法。分享给大家供大家参考。具体实现方法如下：复制代码代码如下:<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script type="text/jscript" src="jquery/jquery-1.10.2.js"><...

JS简单计算器实例

2016年07月27日 9 阅读

本文实例讲述了JS简单计算器的实现方法。分享给大家供大家参考。具体实现方法如下：复制代码代码如下:<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script type="text/javascript"> function sum（） { //js类型转换 parseInt（value,10）的意思...

html的DOM中Event对象onblur事件用法实例

2016年07月27日 10 阅读

本文实例讲述了html的DOM中Event对象onblur事件用法。分享给大家供大家参考。具体分析如下：onblur 事件会在对象失去焦点时发生。语法如下：复制代码代码如下:onblur="SomeJavaScriptCode"SomeJavaScriptCode 必需。规定该事件发生时执行的 JavaScript。支持该事件的 HTML 标签：<a>, <acronym>, <address>, <area&g...

封装好的一个万能检测表单的方法

2016年07月27日 9 阅读

检测表单中的不能为空（.notnull）的验证作用：一对form标签下有多个（包括一个）表单需要提交时，使用js准确的判断当前按钮对那些元素做判断用法：在form标签下找到当前表单的容器给予class="form"，当前表单的提交按钮给予 class="check"需要验证为空的元素给予class="notnull" nullmsg="xx不能为空！"提示，需要进行逻辑判断的表单给予class="need"判断的类型给予 class="num"（只能...

html的DOM中Event对象onabort事件用法实例

2016年07月27日 9 阅读

本文实例讲述了html的DOM中Event对象onabort事件用法。分享给大家供大家参考。具体分析如下：onabort 事件会在图像加载被中断时发生。当用户在图像完成载入之前放弃图像的装载（如单击了 stop 按钮）时，就会调用该句柄。语法：复制代码代码如下:onabort="SomeJavaScriptCode"SomeJavaScriptCode 必需。规定该事件发生时执行的 JavaScript。支持该事件的 HTML 标签：<img>...

浅谈javascript面向对象程序设计

2016年07月27日 10 阅读

ECMA-262把对象定义为：“无序属性的集合，其属性可以包含基本值、对象或者函数”理解对象，最简单的方式就是通过创建一个Object的实例，然后为它添加属性和方法复制代码代码如下: var person = new Object（）; person.name = "Xulei"; person.age = "23"; person.job = "前端工程师"; person.sayName = function （） { alert（this.nam...

html的DOM中document对象images集合用法实例

2016年07月27日 9 阅读

本文实例讲述了html的DOM中document对象images集合用法。分享给大家供大家参考。具体分析如下：images 集合可返回对文档中所有 Image 对象的引用。语法：复制代码代码如下:document.images[]为了与 0 级 DOM 兼容，该集合不包括由 <object> 标记定义的图像。例子：复制代码代码如下:<html><body><img border="0" src="hackanm...

浅谈javascript 函数属性和方法

2016年07月27日 10 阅读

每个函数都包含两个属性：length 和 prototype length:当前函数希望接受的命名参数的个数 prototype：是保存他们所有实力方法的真正所在复制代码代码如下: function sayName（name） { alert（name）; } function sum（num1, num2） { return num1 + num2; } function sayHi（） { alert（"hi"）; } alert（sayName....

浅谈javascript 函数内部属性

2016年07月27日 9 阅读

在函数内部有两个特殊的属性：arguments 和 this。arguments是一个类数组对象，包含传入的所有参数，但是这个对象还有一个名叫callee的属性，该属性是一个指针，指向拥有这个arguments对象的函数。请看经典的阶乘函数例子：复制代码代码如下: function Factorial（num） { if （num <= 1） { return 1; } else { return num * Factorial（num - ...

html的DOM中document对象forms集合用法实例

2016年07月27日 13 阅读

本文实例讲述了html的DOM中document对象forms集合用法。分享给大家供大家参考。具体分析如下：forms 集合可返回对文档中所有 Form 对象的引用。语法：复制代码代码如下:document.forms[]例子：复制代码代码如下:<html> <body> <form name="Form1"></form> <form name="Form2"></form> ...

javascript 实现原路返回

2016年07月27日 9 阅读

css代码复制代码代码如下:<style type="text/css"> * { margin: 0px; padding: 0px; font-family: "micsoft yahei","微软雅黑"; font-size: 15px; } div{ width: 50px; height: 50px; background: #f00; border-radius:5px ; -moz-border-radius: 5px; -we...

javascript 获取浏览器版本

2016年07月27日 9 阅读

工作中需要通过JS去获取当前使用的浏览器的名字以及版本号，网上大堆资料都有一个关键词是 navigator.appName，但是这个方法获取的浏览器的名字只有两种要么是IE要么就是Netscap，倒是可以用来判断是否使用了IE，但是我想获取具体的浏览器产品名字比如 Firefox，Chrome等。复制代码代码如下:function BroswerUtil（） {}BroswerUtil.prototype = { getBrowserVersion: f...

html的DOM中document对象anchors集合用法实例

2016年07月27日 9 阅读

本文实例讲述了html的DOM中document对象anchors集合用法。分享给大家供大家参考。具体分析如下：anchors 集合可返回对文档中所有 Anchor 对象的引用。语法：复制代码代码如下:document.anchors[]例子：复制代码代码如下:<html> <body> <a name="first">First anchor</a><br /> <a name="s...

首页 / 脚本样式 / JavaScript

js使用DOM设置单选按钮、复选框及下拉菜单的方法

DOM基础教程之事件类型

js实现class样式的修改、添加及删除的方法

jQuery实现tag便签去重效果的方法

DOM基础教程之使用DOM控制表格

DOM基础教程之使用DOM控制表单

DOM基础教程之使用DOM设置文本框

jQuery元素的隐藏与显示实例

JS简单计算器实例

html的DOM中Event对象onblur事件用法实例

封装好的一个万能检测表单的方法

html的DOM中Event对象onabort事件用法实例

浅谈javascript面向对象程序设计

html的DOM中document对象images集合用法实例

浅谈javascript 函数属性和方法

浅谈javascript 函数内部属性

html的DOM中document对象forms集合用法实例

javascript 实现 原路返回

javascript 获取浏览器版本

html的DOM中document对象anchors集合用法实例

javascript 实现原路返回