当前位置:千赢国际官网 > 千赢网页手机版登入 > DOM的区别与联系及Javascript和DOM的关系,js正则表

DOM的区别与联系及Javascript和DOM的关系,js正则表

文章作者:千赢网页手机版登入 上传时间:2019-07-15

区别:

我们最经常遇到的验证,就是电子邮件地址验证。网站上常见。各种网页脚本也都常用“正则表达式”(regular expression)对我们输入的电子邮件地址进行验证,判断是否合法。有的还能分解出用户名和域名。现在用JavaScript语言实现一下电子邮件地址验证程序,用的是JavaScript语言的正则表达式库。

一、我是一只小白

javascript

效果图:

图片 1

JavaScript 是因特网上最流行的浏览器脚本语言。很容易使用!你一定会喜欢它的!

不合法的情况:

下半年浮躁多了,得好好静心学习,告别小白。果断买了几本书:

JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies,以及更多的应用。

图片 2

图片 3

HTML DOM

合法的情况:

其中,最先看的是《javascript模式》——不少人认为很shi的一本书。……评价观后感等500字省略……当我看到第二章要结束的时候,又一次看到了“JS中避免使用void”的观点,于是,勾起了身为小白的我困扰已久的一个问题:“既然JS中void不推荐,那为何新浪微博,淘宝之流的首页JS操作的href都是javascript:void(0);呢?”

HTML DOM 是 W3C 标准(是 HTML 文档对象模型的英文缩写,Document Object Model for HTML)。

图片 4

截图为证!

HTML DOM 定义了用于 HTML 的一系列标准的对象,以及访问和处理 HTML 文档的标准方法。

源代码如下,该网页已在IE、Firefox、Chrome上验证通过:

图片 5 图片 6

通过 DOM,可以访问所有的 HTML 元素,连同它们所包含的文本和属性。可以对其中的内容进行修改和删除,同时也可以创建新的元素。

<!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" lang="zh" xml:lang="zh">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>电子邮件地址验证程序</title>
<script language="javascript" type="text/javascript">
//<![CDATA[
 function check( email_address )
 {
  var regex = /^([0-9A-Za-z-_.] )@([0-9a-z] .[a-z]{2,3}(.[a-z]{2})?)$/g;
  if ( regex.test( email_address ) )
  {

   var user_name = email_address.replace( regex, "$1" );
   var domain_name = email_address.replace( regex, "$2" );
   var alert_string = "您输入的电子邮件地址合法nn";
   alert_string  = "用户名:"   user_name   "n";
   alert_string  = "域名:"   domain_name;
   window.alert( alert_string );
   return true;
  }
  else
  {
   window.alert( "您输入的电子邮件地址不合法" );
   return false;
  }
 }
//]]>
</script>
</head>
<body style="text-align: center;">
<h1>电子邮件地址验证程序</h1>
请输入电子邮件地址:<input id="email_address" type="text" style="width: 300px;" /><br />
<input type="button" value="验证电子邮件地址" onclick="return check(document.getElementById('email_address').value);" />
</body>
</html>

为什么?为什么?都系睇?都系睇?

HTML DOM 独立于平台和编程语言。它可被任何编程语言诸如 Java、JavaScript 和 VBScript 使用。

以上就是为大家分享的js正则表达式验证邮件地址,希望对大家的学习有所帮助。

图片 7

联系:

您可能感兴趣的文章:

  • javascript 手机号码正则表达式验证函数
  • JS正则表达式验证数字代码
  • JavaScript正则表达式验证身份证号码是否合法(两种方法)
  • jquery正则表达式验证(手机号、身份证号、中文名称)
  • 邮箱地址正则表达式验证代码合集脚本之家特别版
  • java正则表达式验证邮箱、电话号码示例
  • jquery使用正则表达式验证email地址的方法
  • IP 正则表达式验证
  • 利用js正则表达式验证手机号,email地址,邮政编码
  • js正则表达式验证大全(收集)
  • 最全正则表达式总结:验证QQ号、手机号、Email、中文、邮编、身份证、IP地址等

二、小白的疑惑

通过 JavaScript,您可以重构整个 HTML 文档。您可以添加、移除、改变或重排页面上的项目。

百撕不得骑姐啊百撕不得骑姐!

要改变页面的某个东西,JavaScript 就需要获得对 HTML 文档中所有元素进行访问的入口。这个入口,连同对 HTML 元素进行添加、移动、改变或移除的方法和属性,都是通过文档对象模型来获得的(DOM)。
Javascript主要是利用HTML DOM去获得、改变、创建HTML元素,从而达到美化页面、操作页面元素的目标。因此,在Javascript中最常见的就是各种各样的HTML DOM元素以及它们各自的属性。除了这些DOM元素外,Javascript有自己的对象,例如数组。

每当看到void,我都想起了N多年前,刚接触程序C语言那会的梦魇,大学唯一挂过科的就是C语言,每次都让我想起那个干巴巴的女讲师。像我这种纯良的好学生,大学之前网吧都没有去过的好同学,也不先具述程序何物有何用,开头就噼里啪啦变量啊,语句啊,XXX的,每天对着黑色的背景的奇怪东西敲a, b, c,那种感觉就像是小时候被大孩子摁在河底呛水喝,云里雾里,水里土里。我想起了小时候看过的一个故事,一个在农村上学的小伙子有幸作为交换生去英国交流学习,住在普通人家里(自然很热情),可是没几天,这位小伙子就被赶走了——原因是:丫的尿尿都不掀马桶盖,家里可是有lady的,太不尊重了!而实际上,这位小伙子第一次见到马桶就是在这户人家,他根本不知道马桶盖是干嘛用的,尿尿的时候要掀起来!

简单说,可以认为Javascript主要是操纵HTML DOM。两者是不一样的。
Javascript是语言,DOM是可以在各种语言中(不仅js,php也有的)动态修改文档的模型。

是习惯还是规范,我疑惑了!所谓javascript:void(0)之流的风气我估计就是丫的些C, C 所谓程序背景人带来的,可以追溯到10年之前……

下面单独拉出JavaScript与DOM的关系给大家详解

我正好打开着QQ邮箱,于是看了下其href值,为javascript:;

JavaScript与浏览器的工作

图片 8

本文由千赢国际官网发布于千赢网页手机版登入,转载请注明出处:DOM的区别与联系及Javascript和DOM的关系,js正则表

关键词: 千赢国际官网