JavaScript基础插曲—元素样式，正则表达式，全局模式，提取数组

JavaScript基础学习学习js的基础很重要,可以让自己有更多的技能.我相信这个以后就会用到. Eg:点击选择框,在div中显示出选择的数量 window.onload = function() { var inputs = document.getElementById('div1').getElementsByTagName('input'); for (var i = 0; i < inputs.length; i++) { inputs[i].onc…

JavaScript基础插曲-练习

Javascript基础学习 eg:利用正则表达式来去掉空格. 1:msg=' Hello ': <script type="text/javascript"> var msg = ' Hello '; msg = msg.replace(/^\s+/, "").replace(/&\s+/, ''); alert(msg); </script> eg:利用js实现登录的时候显示密码的强度这个主要使用正则表达…

JavaScript获取HTML元素样式的方法（style、currentStyle、getComputedStyle）

一.style.currentStyle.getComputedStyle的区别 style只能获取元素的内联样式,内部样式和外部样式使用style是获取不到的. currentStyle可以弥补style的不足,但是只适用于IE. getComputedStyle同currentStyle作用相同,但是适用于FF.opera.safari.chrome. "DOM2级样式" 增强了document.defaultView,提供了getComputedStyle()方法. 这个方法接受…

JavaScript基础&实战 JS中正则表达式的使用

文章目录 1.正则表达式 1.1 代码 1.2 测试结果 2.splict | search 2.1 代码 2.2 测试结果 1.正则表达式 1.1 代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>正则表达式</title> <style type="text/css"> </style> &l…

JavaScript基础—插曲

Javascript基础 1:js中我们最好使用单引号,其实可以使用双引号的但是为了区别所以js中全部使用单引号.注释和C#的是一样的.网页里面的执行顺序是从上到下依次执行的,不管你js放到哪里,都会按照顺序进行执行的.若是js中出现了错误,只是不继续执行此js中<script></script>的代码,但是网页中其余的js代码还是会执行的. 2:书写js代码的时候我们必须为其加上分号,这样的好处有二:1,可以便于压缩:2,提高了代码的可读性,可维护性. 3:js中的数据类型. 我…

JavaScript基础插曲—获取标签，插入元素，操作样式

Js基础 1:document.write() 这个是动态创建元素内容,利用js.这个可以利用js来创建元素,文本,标签等,document.write()与document.writeln()的区别就在于writeln()输出内容后,会在源代码中换一行,而write()会紧挨着输出不会有任何换行.这个标签必须随页面一同加载显示. 在一个网页中引用其它网页可以使用js的document.write(html代码),这样子生成. 2:最基本的dom遍历属性 àdocument.getElement…

JavaScript基础插曲---apply，call和URL编码等方法

Js基础学习 Js的压缩: 就是利用js的语法格式通过缩短变量名,去掉空格等来进行压缩. Apply和call的使用 1:apply方法:应用某一对象的方法,用于一个对象替换当前对象.主要是改变this的值. <script type="text/javascript"> var user_name = "阿辉"; //一个函数,这里主要注意里面的this的含义. function showName() { ale…

JavaScript基础—插曲02

Js学习基础 1:关于js中的数组这里面可以是键值对的形式来存储的,我们必须利用forIn来输出,这就相当于foreach一样. var dir = new Array(); dir['0'] = '1111'; dir['1'] = '2222'; dir['2'] = '3333'; alert(dir['0']); for (var key in dir) { alert('1'+key+'2'+dir[key]); } 键值对集合的形式 var dicr = { '0': 'a…

【JavaScript基础学习】关于正则表达式的完整内容

w3cJavaScript RegExp对象这个如果第一次看的话应该会很莫名其妙,但可以看一遍留个印象. 正则表达式30分钟入门教程这个教程非常完整,走一遍大概能够明白怎么回事了. 正则表达式在线测试工具这个非常好用,它显示的是匹配结果,而且添加了替换功能(replace) 正则表达式的基本概念: 它主要用于对字符串进行模式匹配.简单来说,你要对字符串进行判断,长度多少.是否全部为数字.是否全部为字母等等判断,这些判断本来要用for循环进行遍历然后进行判断,正则表达式相当于将判断放在了…

JavaScript基础函数体中的唯一var模式(002)

全局变量是不好的.所以在声名变量的时候,应该采用函数体中的唯一var模式(Single var Pattern).这个模式有不少好处: 提供了一个唯一的地方来查看函数体中声名的变量在使用一个变量之前总是先声名,这样未初始化的变量都会被赋值为undefine. 让你记得要声名变量. 代码更简洁(因为把多个var变成了一个) 说来也简单,这个模式就是在函数体的最初,用一个var声名所有本地变量(local variable). function func() { var a = 1, b = 2,…

JavaScript基础&实战（5）js中的数组、forEach遍历、Date对象、Math、String对象

文章目录 1.工厂方法创建对象 1.1 代码块 1.2.测试结果 2.原型对象 2.1 代码 2.2 测试结果 3.toString 3.1 代码 3.2 测试结果 4.数组 4.1 代码 5.字面量创建数组.数组的方法 5.1 代码 5.2 测试结果 6.forEach遍历 6.1 代码 6.2 测试结果 7.splice和slice 7.1 代码 7.2 测试结果 8.Date对象 9.Math 10.包装类 10.1 代码 11.String对象 1.工厂方法创建对象 1.1 代码块 <!…

Javascript基础系列之（四）数据类型（数组 array）

字符串,数值,布尔值都属于离散值(scalar),如果某个变量是离散的,那么任何时候它只有一个值. 如果想使用变量存储一组值,就需要使用数组(array). 数组是由多个名称相同的树值构成的集合,集合中每个数组都是数组的元素(element),可以使用变量team存储团队里每个成员的名字. 在JavaScript中,数组使用关键字 Array声明创建,同事还可以声明变量的长度length.例如 var aTeam = new Array(12);//声明变量的长度在无法预知数组的最终个数时,声…

JavaScript基础回顾知识点记录6-操作元素样式和事件对象（介绍基本使用）

js 中操作元素样式通过js修改元素内联样式(设置和读取的都是内联样式) 获取当前元素显示的样式 <html> <head> <meta charset="utf-8"> <title></title> </head> <style type="text/css"> #box1 { width: 200px; height: 200px; background-color: aq…

前端（十二）—— JavaScript基础操作：if语句、for循环、while循环、for...in、for...of、异常处理、函数、事件、JS选择器、JS操作页面样式

JavaScript基础操作一.分支结构 1.if语句 if 基础语法 if (条件表达式) { 代码块; } // 当条件表达式结果为true,会执行代码块:反之不执行 // 条件表达式可以为普通表达式 // 0.undefined.null."".NaN为假,其他均为真 // 代码块只有一条语句时,{}可以省略 if 复杂语法 // 1.双分支 if (表达式1) { 代码块1; } else { 代码块2; } // 2.多分支 if (表达式1) { } else if (表…

JavaScript获取元素样式

原生的JavaScript获取写在标签内部的样式很简单: <div class="test" id="test" style="width:100px;">test</div> <script type="text/javascript"> window.onload=function(){ var oTest=document.getElementById("test"…

javascript 获取元素样式的方法

javascript 获取元素样式常用方法. Javascript获取CSS属性值方法:getComputedStyle和currentStyle 1 .对于元素的内联CSS样式(<div style="color:#369">hello</div>),可以直接使用element.style.color来直接获取css属性的值: 2. 但是对于外部定义的css样式使用这种方式就无法获取了,而且IE浏览器和其他标准浏览器(Firefox,Chrome,Oper…

javascript获取元素样式值

使用css控制页面有4种方式,分别为行内样式(内联样式).内嵌式.链接式.导入式. 行内样式(内联样式)即写在html标签中的style属性中,如<div style="width:100px;height:100px;"></div> 内嵌样式即写在style标签中,例如<style type="text/css">div{width:100px; height:100px}</style> 链接式即为用link标签…

【JavaScript 5—基础知识点】：正则表达式（笔记）

一.总体概览 1.1,什么是正则又称正规表示法.常规表示法(英语:Regular Expression,在代码中常简写为regex.regexp或RE),计算机科学的一个概念.正则表达式使用单个字符串来描述.匹配一系列符合某个句法规则的字符串.在很多文本编辑器里,正则表达式通常被用来检索.替换那些符合某个模式的文本. 简单说来,就是一个描述字符模式的对象. 1.2,正则的作用正则表达式主要用来验证客户端的输入数据. 1.3,正则的好处客户端验证,可以节约大量的服务器端的系统资源,并且提供更…

JavaScript基础对象创建模式之单体/单例模式(Singleton)

首先,单例模式是对象的创建模式之一,此外还包括工厂模式.单例模式的三个特点: 1,该类只有一个实例 2,该类自行创建该实例(在该类内部创建自身的实例对象) 3,向整个系统公开这个实例接口 Java中大概是这个样子: class Singleton { //私有,静态的类自身实例 private static Singleton instance = new Singleton(); //私有的构造子(构造器,构造函数,构造方法) private Singleton(){} //公开,静态的工厂方…

前端之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的脚本…

第三篇：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基础知识（一）

一.JavaScript基础 1.JavaScript用法: HTML 中的脚本必须位于 <script> 与 </script> 标签之间. 脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中. HTML引入外部js文件方法示例: <!DOCTYPE html> <html> <body> <script src="myScript.js"></script&g…

前端基础----JavaScript基础

一.JavaScript概述 1,JavaScript的历史 1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户端执行的语言) Netscape(网景)接收Nombas的理念,(Brendan Eich)在其Netscape Navigator 2.0产品中开发出一套livescript的脚本语言.Sun和Netscape共同完成.后改名叫Javascript 微软随后模仿在其IE3.0的产品中搭…

【JavaScript基础插曲—元素样式，正则表达式，全局模式，提取数组】的更多相关文章