onblur & onchange

本文地址:http://www.cnblogs.com/veinyin/p/7606914.html 两者均可用于验证是否输入数据 onblur : 表示不再是焦点,是 onfocus 的相反事件,只要该域不被 focus ( 失去焦点 ) 就会触发 onchange : 表示域不再被选择且输入内容被改变,不可用于验证空域 END~~~≥ω≤…

JavaScript是什么? JavaScript是一种可以用来给网页增加交互性的编程语言. JavaScript是一种面向对象的语言. JavaScript和Java之间没有太大的关系. JavaScript是一种客户端语言.也就是说,设计它的目的是在用户的机器上而不是服务器上执行任务. JavaScript使用称为事件处理程序(event handler)的命令来处理事件. 组合式(snap-together)语言可以将对象.属性和方法组合在一起,从而更好地描述对象或过程.在JavaScr…

JS代码格式化和语法着色

有时为了研究学习一些格式不规范的JS代码段,需要将代码段格式化一下,这样思路就会清晰多了,网上找到此款格式化的工具,将以下代码保存为html格式文件即可使用 <html> <head> <title>JSer </title> <meta http-equiv="content-type" content="text/html; charset=gb2312" /> <style> /* Glo…

拥抱HTML5 — Page Visibility(页面可见性) API介绍

H5 提供了很多简单实用的 API,Page Visibility API 就是其中之一. 不知道用户是不是在与页面交互,这是困扰广大 Web 开发人员的一个主要问题.如果页面最小化了或者隐藏在了其他标签页后面,那么有些功能是可以停下来的,比如轮询服务器或者某些动画效果.那么如何判断呢? H5 之前,我们可以监听 onfocus() 事件.如果当前窗口得到焦点,那么我们可以简单认为用户在与该页面交互,如果失去焦点(onblur()),那么可以认为用户停止与该页面交互. // 当前窗口得到焦…

《HTML5秘籍》学习总结--2016年7月24日

前段时间因为工作中看到同事使用了一个type为date的<input>元素,直接就形成了一个日期选择的表单控件,当时觉得很神奇,以为是什么插件,就问了同事是怎么做出来的,同事告诉我这是HTML5的新控件类型.于是这件事让我决定先好好学习下HTML5新标准相对于HTML4时代有什么不同,其实刚开始学习前端的时候,在知乎社区就了解到了,这是前端界未来很有发展潜力的新标准,正是HTML5让WEBAPP变得更有实现的机会以及让flash慢慢走衰--由于自身水平的不足,我选择的是看一本关于H5的书,因为…

XSS攻击：获取浏览器记住的明文密码

作者:余弦(@evilcos) 0x01. XSS获取明文密码的多种方式我已经感受到Web潮流带来的巨大革新,尤其是最近HTML5越来越火.浏览器们在客户端瓜分着这个Web OS,只要是对用户体验好的功能,浏览器之间就会互相学习,然后去实现,但是实现总是存在一些差异,有些差异是用户体验上的,有些则可能带来安全问题. 这篇文章是想深入描述下浏览器记住用户密码这种机制带来的安全问题与实现上的一些差异性.黑客们如何通过技巧获取到浏览器保存的密码,明文. 先回到XSS本身上,XSS获取明文密码的方式有…

CSS 层叠及样式表来源

Web标准化运动的口号——分离.分离.分离. 在2003年的 SXSW 会议中, Steve Champeon 和 Nick Finck 做了一个名为“面向未来的全方位 Web 设计”的演讲,揭示了这种 Web 开发新方法的蓝图. Steve 还给它取了个名称:渐进增强(Progressive Enhancement). 从内容花生开始,将其标记为富含语义的 (X)HTML,接着给内容裹上一层富含奶油的 CSS. 最后,添加 JavaScript 作为糖果硬壳,这就做成了一颗可口无比的美味(并使…

JS从头开始

API:应用程序编程接口 HTML:超文本标记语言 XML:可扩展标记语言 HTML和XML的差别:设计目的不同:XML被设计用来传输和存储数据,其焦点在数据的内容:HTML被设计用来显示数据,其焦点在数据的外观上. DOM(Document Object Model):文档对象模型: 一个完整的 JavaScript 实现应该由下列三个不同的部分组成: 1.核心(ECMAScript) 2.文档对象模型(DOM) 提供访问和操作网页内容的方法和接口. DOM是针对XML…

HTML5的fieldset标签

定义和用法 fieldset 元素可将表单内的相关元素分组,绘制一个带标题的框,有如winform开发中的panel. <fieldset> 标签将表单内容的一部分打包,生成一组相关表单的字段.<fieldset> 标签没有必需的或唯一的属性. 当一组表单元素放到 <fieldset> 标签内时,浏览器会以特殊方式来显示它们,它们可能有特殊的边界.3D 效果,或者甚至可创建一个子表单来处理这些元素. HTML 4.01 与 HTML 5 之间的差异在 HTML 5 中…

Head first javascript

基础 <script type="text/javascript"> function validateNumber(value) { // Validate the number if (!isNumber(value)) alert("Please enter a number."); } </script> javascript 最好与html分离浏览器里具有一种特殊软件-javascript解释器 onload 事件 onclick…

html5 中常用的标签和属性

标签: <blockquote> 标签定义摘自另一个源的块引用. <blockquote> 与 </blockquote> 之间的所有文本都会从常规文本中分离出来,经常会在左.右两边进行缩进,而且有时会使用斜体.也就是说,块引用拥有它们自己的空间. <hgroup> 标签用于对网页或区段(section)的标题进行组合. <param> 标签定义和用法 param 元素允许您为插入 XHTML 文档的对象规定 run-time 设置,也就是说,…

JavaScript 客户端JavaScript之事件(DOM API 提供模块之一)

具有交互性的JavaScript程序使用的是事件驱动的程序设计模型. 目前使用的有3种完全不同的不兼容的事件处理模型. 1.原始事件模型 (一种简单的事件处理模式) 一般把它看作0级DOM API的一部分内容,所有启用了JavaScript的浏览器都支持它,因此它具有可移植性. 2.标准事件模型 (一种强大的具有完整性的事件模型) 2级DOM标准对它进行了标准化,除IE以外的所有浏览器都支持它. 3.IE事件模型想用高级事件处理特性的JavaScript程序设计者必须为IE浏览…

JavaScript的第一次小结

一. JavaScript是一种的脚本语言:特点是:具有解释性,基于对象,事件驱动,安全性和跨平台等特点对于这几种特点有必要说明一下解释性:就是JavaScripte本身就是一种解释性语言基于对象:就是它可以创建对象事件驱动: 简单一点就是:onClick()它可以实现鼠标点击所发生的事件安全性:它不允许访问本地磁盘,不能将数据写到服务器上,并且不允许对网络文档进行修改,删除:只能通过浏览器实现信息的动态交互,从而有效防止数据的丢失跨平台:JavaScript是依赖于浏览器本身的,与…

1、原生javascript方法小汇

Js 对象使用new 关键字来创建对象,举例如下, var a = new String();如构造函数无参数,则不必加括号, JS内部对象数组(Array)对象创建数组var myarray = new Array(0); //创建一个长度为0的数组 var myarray = new Array(1,2,3); //创建一个指定长度的数组,禀赋初值数组长度不固定,赋值即可改变长度,数组的主要属性为lengh,返回数组长度, 数组的常用方法:reverse 方法 :将JavaScript 数…

JavaScript基础系列

JavaScript基础系列 JavaScript是一种基于对象和事件驱动的客户端脚本语言. JavaScript的注释 // 单行 /**/ 多行注释 JavaScript变量,函数名和操作符都是区分大小写的. 标识符是变量,函数,属性的名称,函数里的参数. 命名规则: 字母,数字,下划线,美元符号,不能以数字开头变量的声明与赋值使用var声明变量省略var声明的变量是全局变量,不过不推荐使用 JavaScript的基础语法和JavaScript的变量数据类型和typeof JavaS…

《Head First JavaScript》学习笔记

<scipt type="text/javascript" src"cookie.js"> </script> //脚本署名方法 <body onload ="resizeRock(); greetUser();" onresize = "resizeRock();"> //重调浏览器触犯的事件 document.getElementById("rockImg").s…

【转】JSF中的三大核心组件 UI标签的详细介绍和使用举例

JSF提供了大量的UI标签来简化创建视图.这些UI标签类似于ASP.NET中的服务器组件.使用这些标签,可以通过其value,binding,action,actionListener等属性直接绑定到托管Bean的属性,实例或者方法上. 1.JSF中的三大核心组件: a. JSF容器管理的托管Beanb. JSF提供的UI标签,应用界面的UI标签直接绑定到托管Beanc. 页面导航规则下面我们就来介绍UI标签: 2.JSF中的UI标签: JSF与JSP的标签的区别在于,JSF的标签可以使用va…

tinymce-vue富文本编辑器（翻译）

官方Tinymce Vue组件翻译来自:https://github.com/tinymce/tinymce-vue 官方文档:https://www.tiny.cloud/docs/general-configuration-guide/basic-setup/ 关于这个包是一个围绕Tinymce的薄包装,以便于在Vue应用程序中使用.要快速演示,请查看storybook. 用法加载组件首先,你必须加载组件,你如何做取决于你开发的应用程序是如何设置的.如果您使用某种捆绑加载程序(如We…

day 52 dom 事件

本文转载自cnblog.liwenzhou.com 官网资料: http://www.w3school.com.cn/htmldom/dom_methods.asp 事件的内容很重要的,基本概念有点类似于我们的mysql里面的触发器,我们通过给html增加一些关联,让js代码可以与之关联上,然后跟用户实现交互,让用户有更好的体验效果,让页面的功能更加强大,这里需要用到函数的用法,来与之进行关联,然后实现触发的效果.就是写好一个功能封装到一个函数里面然后一旦用户触发了页面上的一些按钮就会调用函数然…

javascript页面常用事件

事件名称描述 onload和 onunload(已过时) 当用户进入或离开页面时就会触发onload和onunload事件,onload是页面所有元素都加载完之后才加载onload onfocus,onblur,onchange 主要与form表单里的文本域或下拉框配合使用,onfocus聚焦,onblur模糊,不聚焦, onsubmit form表单提交时发生 onmouseover和 onmouseout 鼠标移至对象上和离开时发生 onclick和ondbclick 对象被点击/双击…

JavaWeb知识点总结

>一: 创建Web项目项目说明:1.java Resources:java源文件2.WebContent:网页内容html.css.js.jsp.资源.配置文件等 HTML:Hyper Text Markup Language超文本标记语言作用:标记描述网页内容语法规则:1.不区分大小写2.固定标签3.标签成对出现,单标签4.标签可以嵌套使用5.属性的值必须使用双引号 HTML中属性,一般不建议使用属性名称固定,属性的值都需要使用双引号网页中颜色:1.rgb(r,g,b)2.#xxxx3.英文…

web-day3

第3章WEB03- JS篇今日任务使用JS完成图片轮播效果使用JS完成页面定时弹出广告使用JS完成表单的校验使用JS完成表格的隔行换色使用JS完成复选框的全选效果使用JS完成省市联动效果教学导航教学目标掌握JS中的BOM对象掌握JS中的常用的事件掌握JS中的常用DOM操作了解JS中的内置对象教学方法案例驱动法 1.1 上次课内容回顾: CSS: * CSS的概述:层叠样式表. * 修饰HTML的页面.使页面与样式分离. * CSS的语法: * 选择器{属性…

window下的窗口事件-js

【onblur & onchange】的更多相关文章