JavaScript练习 - 正反选练习

正反选练习 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div> <input type="button" value="全选" onclick="f…

做了一个作业,用JavaScript打印正倒直线,突然觉得自己还是逻辑有待加强训练啊 document.write("<h3>打印倒正金字塔直线</h3>");//打印一个h3标签,内容是里边的文字 var i= 61;//定义金字塔的起始/截止宽度(百分比为单位) while(i>0)//进行循环,当宽度大于0时,打印一个宽度为i的hr水平线,并将i自减10个百分比 { document.write("<hr width=" +…

jquery下的正反选操作

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jquery正反选</title> </head> <body> <button onclick='selectall()'>全选</button> <button onclick="cance…

[ javascript ] 司徒正美的fadeOut-fadeIn效果!

首先感谢司徒正美的文章! 在司徒大神的博客看到一个简单的渐入渐出的效果.全然採用js实现. 例如以下: <!doctype html> <html dir="ltr" lang="zh-CN" > <head> <meta charset="utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=8"…

javascript 全选反选 js代码

JavaScript使用正則表達式

2.0 简单介绍正則表達式是能够用来查找与给定模式匹配的文本的搜索模式.比如,在上一章中,我们在一个较长的字符串中查找子字符串Cookbook: var testValue = "This is the Cookbook's test string"; var subsValue = "Cookbook"; var iValue = testValue.indexOf(subsValue); //返回值12.即子字符串的索引这段代码有效.由于我们要查找一个严格的…

【JavaScript】正則表達式

正則表達式,也不是第一次与它见面了.在我们学习ASP.NET视频的时候,验证控件的那个实例中.就有提到过它. 那个时候.都是在控件的属性中自己设置的,用的原理就是正則表達式,当时得感觉就是方便,强大,给我们带来了非常大的便利. 这一次.就是对正則表達式的深入学习了. 一.什么是正則表達式正則表達式(regular expression)是一个描写叙述字符模式的对象.ECMAScript的RegExp类表示正則表達式. 正則表達式主要用来验证client的输入数据.由于client验证,能够节约…

JavaScript之正則表達式入门

<html> <head><title>Js String 正則表達式</title><script>//边界符 js 中直接定义须要边界符// java里面不须要边界符var re = /abc/;//匹配abc的document.write(re.test("abcdabc")+","+re.test("XXXC")+"<br/>");re =/\/…

用jquery来实现正反选选择框checkbox的小示例

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="jquery-3.2.1.js"></script> </head> <body> <button onclick="c…

jQuery 全选正反选

javascript用正則表達式检測username的合法性

在用户登录.用户注冊时经常须要对username如邮箱.手机号进行校验,一般经常使用表达式. 以下整理对邮箱和手机号的表达式校验: function checkUser(){ var userName = document.getElementById("user_inp").value; var sEmailReg =/^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/; var sNumReg = /^\d+$/ if (userName.length&l…

转发！HTML 复选框 checkbox 的 JavaScript 的全选和全反选

checkbox 或者按钮实现 form 内的 checkbox 全选或者反选,代码很简单,全部代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>check test</title> </head> <body> <form name=&q…

javascript 正則表達式补充

定义 JavaScript种正則表達式有两种定义方式,定义一个匹配类似 <%XXX%> 的字符串 1. 构造函数 var reg=new RegExp('<%[^%>]+%>','g'); 2. 字面量 var reg=/<%[^%>]%>/g; g: global.全文搜索,默认搜索到第一个结果接停止 i: ingore case,忽略大写和小写,默认大写和小写敏感 m: multiple lines.多行搜索元字符正則表達式让人望而却步以一个重要原因…

【JavaScript】实现复选框的全选、全部不选、反选

以较为简洁的程序实现复选框的全选.全部不选.反选操作. 并且将可变的部分设置为JS的参数,以实现代码复用. 全选和全不选第一个参数为复选框名称,第二个参数为是全选还是全部不选. function allCheck(name,boolValue) { var allvalue = document.getElementsByName(name); for (var i = 0; i < allvalue.length; i++) { if (allvalue[i].type == "ch…

JavaScript正則表達式知识汇总

Js 正則表達式知识汇总正則表達式: 1.什么是RegExp?RegExp是正則表達式的缩写.RegExp 对象用于规定在文本中检索的内容. 2.定义RegExp:var +变量名=new RegExp(); 3.RegExp 对象有 3 个方法: 1)test()检索字符串中的指定值,返回值是true或false. var p1=new Reg("e"); document.write(Reg.test("welcome to China!")); 2)exec…

【Python全栈-JavaScript】JavaScript入门

JavaScript基础知识点一.JavaScript概述参考:http://www.w3school.com.cn/b.asp JavaScript的历史 1.1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户端执行的语言) 2.Netscape(网景)接收Nombas的理念,(Brendan Eich)在其Netscape Navigator 2.0产品中开发出一套livescript的脚…

现代JavaScript开发者的工具箱

自从HTML5变得流行以来,整个Web平台取得了长足的进步,人们也开始将JavaScript视为一门能够创建复杂应用的语言.许多新的API纷纷浮现,而关于浏览器如何应用这些技术的文章也大量涌现. 作为一门脚本语言,JavaScript最初创建的目的是用于增强web页面的表现能力,而现如今JavaScript几乎已经用在所有你能想到的地方了.随着整个业界的技术能力不断提高,JavaScript如今已经可以在服务端运行,同时也能够被编译为原生手机应用的代码.当今的JavaScript开发者都是整个丰…

JavaScript-CheckBox全选/反选

//------------------------------------ // 全/反选 // param checkName checkbox的name属性 //------------------------------------ function choose(checkName){ var checkBoxArray = document.getElementsByName(checkName); for(var i=0;i<checkBoxArray.length;i++){ c…

js正則表達式语法

1. 正則表達式规则 1.1 普通字符字母.数字.汉字.下划线.以及后边章节中没有特殊定义的标点符号,都是"普通字符".表达式中的普通字符,在匹配一个字符串的时候,匹配与之同样的一个字符. 举例1:表达式 "c",在匹配字符串 "abcde" 时,匹配结果是:成功:匹配到的内容是:"c":匹配到的位置是:開始于2,结束于3.(注:下标从0開始还是从1開始,因当前编程语言的不同而可能不同) 举例2:表达式 "bcd&…

java打印正金字塔，倒金字塔和“水影”金字塔

java打印正金字塔,倒金字塔和"水影"金字塔 --------原创文章,若要转载,请注明出处小小少年闲来无事,想起自己初学java的时候做的经典的无非就是打印出一些有意思的图形,心血来潮自己就写了这么一个打印金字塔的demo,自己回顾一下当初的感受,同时也分享给初学java的同道中人,一起来培养编程的兴趣<(^-^)>. 金字塔图案 1,问题分析我们都知道,打印输出的时候,都是从最左端输出,而这里,第一个星号是在中间.这实际是因为星号之前有很多空格.当我们…

JavaScript-Jquery实现全选反选

html: <dl> <dt><input type="checkbox" id="checkAll" /><label>全选</label><a href="javascript:;" id="no">反选</a></dt> <dd> <p><input type="checkbox&quo…

JavaScript开发者的工具箱

自从HTML5变得流行以来,整个Web平台取得了长足的进步,人们也开始将JavaScript视为一门能够创建复杂应用的语言.许多新的API纷纷浮现,而关于浏览器如何应用这些技术的文章也大量涌现. 作为一门脚本语言,JavaScript最初创建的目的是用于增强web页面的表现能力,而现如今JavaScript几乎已经用在所有你能想到的地方了.随着整个业界的技术能力不断提高,JavaScript如今已经可以在服务端运行,同时也能够被编译为原生手机应用的代码.当今的JavaScript开发者都是整个丰…

JavaScript中trim 方法实现

Java中的 String 类有个trim() 能够删除字符串前后的空格字符.jQuery中也有trim()方法能够删除字符变量前后的字符串. 可是JavaScript中却没有对应的trim() 方法.幸好,JavaScript中有正則表達式,String 对象有replace() 方法.利用JavaScript的正则和replace方法来达到trim() 方法的效果. 接下来介绍两种方法.事实上两种方法大同小异. 都是在String 对象的prototype属性上进行trim()方法的定义,并…

JavaScript的undefined与null、NaN的区别

Javascript的数据类型在JavaScript中,有三种住数据类型.两种复合数据类型和两种特殊数据类型. 1.主数据类型(基元数据类型) 字符串 String数据类型: 字符串值是一个由零个或者多个Unicode字符组成的链表.使用字符串数据类型表示JavaScript中的文本.在脚本中包含字符串,方法是使用单引号或者双引号将其括起来.被单引号引起的字符串内可以包含双引号,而被双引号引起的字符串可以包括单引号.z在JavaScript中没有表示单个字符的类型.若要表示JavaScript…

JavaScript技巧手冊

js小技巧每一项都是js中的小技巧,但十分的有用! 1.document.write(""); 输出语句 2.JS中的凝视为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗体中的DOM顺序是:window->(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElementById("表单中元素的I…

使用正則表達式的格式化与高亮显示json字符串

使用正則表達式的格式化与高亮显示json字符串 json字符串非常实用,有时候一些后台接口返回的信息是字符串格式的,可读性非常差,这个时候要是有个能够格式化并高亮显示json串的方法那就好多了,以下看看一个正則表達式完毕的json字符串的格式化与高亮显示首先是对输入进行转换.假设是对象则转化为规范的json字符串,不是对象时.先将字符串转化为对象(防止不规范的字符串),然后再次转化为json串.当中json为输入. if (typeof json !== 'string') { json =…

JavaScript 练习

搜索框 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <input id="ID1" type="text" value="请输入用户名" onblur=&…

前端之jquery

前端之jquery 本节内容 jquery简介选择器和筛选器操作元素示例 1. jquery简介 1 jquery是什么 jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多 javascript高手加入其team. jQuery是继prototype之后又一个优秀的Javascript框架.其宗旨是--WRITE LESS,DO MORE,写更少的代码,做更多的事情. 它是轻量级的js库(压缩后只有21k) ,这是其它的js库所不及的,它兼容CSS3,还兼容各种浏…

【jquery】基础知识

jquery简介 1 jquery是什么 jquery由美国人John Resig创建,至今已吸引了来自世界各地的众多 javascript高手加入其team. jQuery是继prototype之后又一个优秀的Javascript框架.其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情. 它是轻量级的js库(压缩后只有21k) ,这是其它的js库所不及的,它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.…

JQurey

jQuery 是一个 JavaScript 库.极大地简化了 JavaScript 编程,很容易学习. jQuery 是一个 JavaScript 函数库. jQuery 库包含以下特性: HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities 一 ,寻找元素(重要的选择器和筛选器) 基本语法:$(selector).action() (一),选择器: 1.1基本选择器: $…

【JavaScript练习 - 正反选练习】的更多相关文章