javascript基础（四）：操作表单

Javascript学习笔记四——操作表单

Javascript学习笔记大多网页比如腾讯,百度云之类的需要登陆,用户输入账号密码就可以登陆,那么浏览器是如何获取用户的输入的呢?今天就记录一下操作表单. 操作表单与操作DOM是差不多的,表单本身也是一个DOM树,我们可以用JavaScript来获取用户输入的内容,或者对一个输入框设置新的内容. 下面是一些常用的HTML表单的输入控件: <input type="text" id="" name=""> <input typ…

JavaScript基础四

1.13 Js中的面向对象 1.13.1 创建对象的几种常用方式 1.使用Object或对象字面量创建对象 2.工厂模式创建对象 3.构造函数模式创建对象 4.原型模式创建对象 1.使用Object或对象字面量创建对象 JS中最基本创建对象的方式: var student = new Object(); student.name = "easy"; student.age = "20"; 这样,一个student对象就创建完毕,拥有2个属性name以及age,分别赋…

javascript基础之表单

1,js可以验证表单实例1,js获取表单的内容 //html表单是这样的 <form name="myForm" action="demo_form.php" onsubmit="return validateForm()" method="post"> 名字: <input type="text" name="fname"> <input type=&q…

JavaScript 基础(四) - HTML DOM Event

HTML DOM Event(事件) HTML 4.0 的新特性之一是有能力使 HTML 事件触发浏览器中的动作(action),比如当用户点击某个 HTML 元素时启动一段 JavaScript.下面是一个属性列表,这些属性可插入 HTML 标签来定义事件动作. onclick // 当用户点击某个对象时调用的事件句柄. ondblclick // 当用户双击某个对象时调用的事件句柄. onfocus // 元素获得焦点. onblur // 元素失去焦点. 应用场景:用于表单验证,用户离开某…

Javascript基础四（数组，字符，对象，日期）

第一节:数组 1.数组的概念及定义可以存放一组数据: 当需要操作多个数据时: 2.数组的创建方式 var arr1 = [1,2,3]; //字面量方式 var arr2 = new Array(1,2,3) //构造函数方式注意:当只有一个数据时,两种创建方式的不同. var arr1 = [5] //表示有一个数组元素5 var arr2 = new Array(5) //表示有5个数组元素,值全部为undefined 数组的赋值: …

Javascript基础form表单

<!DOCTYPE HTML> <html> <head> <script type="text/javascript" charset="utf-8"> window.onload=function(){ //var oBtn1=document.getElementById('btnSubmit'); var oBtn2=document.getElementById('btnReset'); var oForm=…

JavaScript 基础(四) 循环

JavaScript的循环有两种,一种是for 循环,通过初始条件,结束条件和递增条件来循环执行语句块: var x = 0; var i; for(i=1; i <=10000; i++){ x = x +i; } 分析一下for循环的控制条件: i=1 这是初始条件,将变量i置为1: i <=10000 这是判断条件,满足时就继续循环,不满足就退出循环. i ++ 这是每次循环后的条件,由于每次循环后变量i 都会加1,因此它终将在若干次循环后不满足判断条件 i <=10000而退出…

JavaScript 基础四

遍历对象的属性 for...in 语句用于对数组或者对象的属性进行循环操作. for (变量 in 对象名字) { 在此执行代码 } 这个变量是自定义符合命名规范但是一般我们都写为 k 或则 key 后面的是对象可以数组因为数组也属于对象 1) for in 遍历对象 var obj = { name: 'andy', age: 18, sex: '男' } console.log(obj.length); // undefined for (var k in obj) { co…

JQuery：各种操作表单元素方法小结

来源:http://www.ido321.com/1220.html 表单元素无处不在,已然成了Web应用不可或缺的一个部分.对表单最最最常见的操作就是获取表单元素的值或者更改表单元素的值.那在JQuery和JavaScript中怎么操作表单元素的值? JQuery操作表单总结: 1.文本框.密码框.隐藏域.文本域(id换成对应的,value属性存在,才能利用attr(‘value’) 获取值,否则返回undefined): 1.1 获取—>$(“#text”).val()或者$(“#text”…

JavaScript基础笔记（十）表单脚本

表单脚本一.表单基础知识 JavaScript中表单对应的是HTMLFormElement类型,该类型继承自HTMLElement类型. 通过document.forms可以获得所有表单元素,通过数值索引和name特性可以获得其中特定的表单. 一)提交表单单击提交按钮或者图像按钮就可以提交表单. 三种方式:  <input type='submit' value='submit value'>  <butt…

JavaScript 基础学习（四）

JavaScript 基础学习 (四) 解绑事件 dom级事件解绑元素.on事件类型 = null 因为赋值的关系,所以给事件赋值为 null 的时候事件触发的时候,就没有事件处理函数执行了 dom2级事件解绑元素.removeEVentListener('事件类型',要移出的事件处理函数) 元素.detachEvenbt('on事件类型', 要移除的事件处理函数) 事件的传播当你在一个元素上触发行为的时候你这个行为会按照元素结构父级的顺序, 逐层…

JavaScript正则、错误处理、操作表单

一.正则表达式:用单个字符串描述或者匹配符合特定语句规则的字符串一些字符序列组合在一起,可以简单也可以复杂模式的,可以去搜索,可以去替换二.语法: /表达式/修饰符(可选) var para=/icq/I; //不区分大小写使用search( ),replace( ) 去和正则表达式结合使用. var str="I'm a Hacker"; var n=str.search(/hacker/i); //匹配的字符串的索引值 <!DOCTYPE html> <ht…

（转载）使用JavaScript操作表单

(转载)http://www.blogjava.net/junglesong/archive/2008/03/02/183263.html 使用JavaScript操作表单获取表单的引用在开始对表单进行编程前,必须先获取表单<form>的引用.有以下方法可以来完成这一操作.1)采用典型的DOM树中的定位元素的方法getElementById(),只要传入表单的id即可获得表单的引用:var vform=document.getElementById(“form1”); 2)还可以用docu…

web前端学习（四）JavaScript学习笔记部分（1）-- JavaScript基础教程

1.JavaScript基础教程 1.1.Javascript基础-介绍.实现.输出 1.1.1.JavaScript是互联网上最流行的脚本语言,这门语言可用于web和HTML,更可广泛用于服务端.pc端.移动端. 1.1.2.JavaScript脚本语言 JavaScript是一种轻量级的编程语言 JavaScript是可插入HTML页面的变成代码 JavaScript插入HTML页面后,可由所有的浏览器执行 1.1.3.JS用法: HTML中的脚本必须位于<script></scri…

前端之JavaScript基础

前端之JavaScript基础本节内容 JS概述 JS基础语法 JS循环控制 ECMA对象 BOM对象 DOM对象 1. JS概述 1.1. javascript历史 1992年Nombas开发出C-minus-minus(C-)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户端执行的语言) Netscape(网景)接收Nombas的理念,(Brendan Eich)在其Netscape Navigator 2.0产品中开发出一套livescript的脚本…

javascript基础06

javascript基础06 splice var del_arr = del.splice(0,2); //删除从指定位置deletePos开始的指定数量deleteCount的元素,数组形式返回所移除的元素 splice方法有添加.删除.替换的功能,它有三个参数,第一个是位置,第二个是删除多少个,第三个是添加的东西. String 对象 String 对象用来处理文本. 事实上任何一个字符串常量都是一个String对象,可以将其直接作为对象来使用. 获得字符串长度:length 提取字符…

JavaScript基础---语言基础（1）

写在前面: 通过四篇博客把JS基础中的基础整理一下,方便自己查阅,这些内容对于实际项目开发中也许并不会在意,但是作为JS的语言基础,自觉还是应该熟悉.在完成这三篇博客(JavaScript基础---语言基础)之后,JS基础部分的博客也算告一段落.接下来的一段时间,想把最近看的一些书分类整理一下(包括CSS,JS,AJAX,jQuery源码,D3,Nodejs基础等内容). 语法.关键保留字及变量学习要点: 1.语法结构 2.关键字和保留字 3.变量任何语言的核心都必然会描述这门语言最基本的工…

JavaScript基础知识点

本书目录第一章: JavaScript语言基础第二章: JavaScript内置对象第三章: 窗口window对象第四章: 文档document对象第五章: 表单form对象第六章: History与Navigator对象第七章: JavaScript框架编程第八章: JavaScript异常处理第九章: 自定义JavaScript对象第一章 JavaScript语言基础什么是JavaScript JavaScript是一种基于对象(Object)和事件驱动(…

第三篇：web之前端之JavaScript基础

前端之JavaScript基础前端之JavaScript基础本节内容 JS概述 JS基础语法 JS循环控制 ECMA对象 BOM对象 DOM对象 1. JS概述 1.1. javascript历史 1992年Nombas开发出C-minus-minus(C-)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户端执行的语言) Netscape(网景)接收Nombas的理念,(Brendan Eich)在其Netscape Navigator 2.0产品中…

javaScript基础详解（1）

javaScript基础详解首先讲javaScript的摆放位置:<script> 与 </script> 可以放在head和body之间,也可以body中或者head中 JavaScript的六大作用: 1直接在script输出 document.write("<h1>This is a heading</h1>");//document.write表输出,括号中h1标签同样有效 2对事件作出反应 <button type=&q…

JavaScript基础（.....持续待更）

javascript热身一.你知道,为什么JavaScript非常值得我们学习吗? 1. 所有主流浏览器都支持JavaScript. 2. 目前,全世界大部分网页都使用JavaScript. 3. 它可以让网页呈现各种动态效果. 4. 做为一个Web开发师,如果你想提供漂亮的网页.令用户满意的上网体验,JavaScript是必不可少的工具. 二.易学性 1.学习环境无外不在,只要有文本编辑器,就能编写JavaScript程序. 2.我们可以用简单命令,完成一些基本操作. 三.从哪开始学习呢?…

Hybrid App开发之JavaScript基础

前言: 前面学习了html和css的基本使用,今天开始学习JavaScript的使用. 什么是JavaScript JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言.使用它的目的是与 HTML超文本标记语言.Java 脚本语言(Java小程序)一起实现在一个Web页面中链接多个对象,与Web客户交互作用.从而可以开发客户端的应用程序等: 具有以下几个基本特点: 脚本编写语言 JavaScript是一种脚本语言,它采用小程序段的方式…

JavaScript 基础学习1-day14

JavaScript 基础学习1 知识预览JavaScript概述二 JavaScript的基础三 JavaScript的对象BOM对象DOM对象实例练习js扩展 JavaScript概述 JavaScript的历史 1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户端执行的语言) Netscape(网景)接收Nombas的理念,(Brendan Eich)在其Netscape Navigator…

2、JavaScript 基础二（从零学习JavaScript）

11.强制转换强制转换主要指使用Number.String和Boolean三个构造函数,手动将各种类型的值,转换成数字.字符串或者布尔值. 1>Number强制转换参数为原始类型值的转换规则: 原始类型的值主要是字符串.布尔值.undefined和null,它们都能被Number转成数值或NaN. NaN:not a number,当数学计算得不到数字结果时,该值就是NaN(Number类型). isNaN:判断变量是否为NaN. Number(324) 值:324 字符串如果可以被解析为…

第五模块：WEB开发基础第2章·JavaScript基础

01-JavaScript的历史发展过程 02-js的引入方式和输出 03-命名规范和变量的声明定义 04-五种基本数据类型 05-运算符 06-字符串处理 07-数据类型转换 08-流程控制语句if 09-switch 10-while 11-do_while 12-for循环 13-for循环练习 14-数组的创建和使用 15-数组的常用方法 16-函数的使用 17-Object_构造函数 18-String_Number 19-Data的使用 20-Math对象的使用 21-定时器的使用…

javascript基础入门知识点整理

学习目标: - 掌握编程的基本思维 - 掌握编程的基本语法 typora-copy-images-to: media JavaScript基础 HTML和CSS 京东课前娱乐众人皆笑我疯癫,我笑尔等看不穿课前说明目标:掌握编程的基本思想掌握JavaScript的基础语法,使用常见API(备注)完成相应案例及练习和作业培养独立解决问题能力遇到问题先独立调试(牛X从规范和调试开始)能够独立写出所有案例代码注意: 以大多数同学的接受能力为基准,稳准狠的前行注重基础,以最简单的案例说明问题,并…

Web前端基础(17):jQuery基础(四)

1. jQuery的属性操作 jquery的属性操作模块分为四个部分:html属性操作,dom属性操作,类样式操作和值操作 html属性操作:是对html文档中的属性进行读取,设置和移除操作.比如attr().removeAttr() DOM属性操作:对DOM元素的属性进行读取,设置和移除操作.比如prop().removeProp() 类样式操作:是指对DOM属性className进行添加,移除操作.比如addClass().removeClass().toggleClass() 值操作:是对…

【javascript基础（四）：操作表单】的更多相关文章