//正则表达式对象 /* var s = 'good good study day day up '; var r, re; re = new RegExp('study',"g"); //g表示全文搜索 i表示部分大小写 m多行搜索 r = s.match(re); alert(r); //study //正则表达式对象--compile 把正则表达式编译为内部格式,从而执行得更快. var s = 'AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtU…
//数学函数--abs 返回数字的绝对值 var a; /*a = Math.abs(-12); alert(a); //12 //数学函数--acos 返回数的反余弦数 a = Math.acos(数值表达式); //数学函数--asin 返回数的正余弦数 a = Math.asin(数值表达式); //数学函数--atan 返回数的反正切数 a = Math.atan(数值表达式); //数学函数--ceil 返回大于等于其数字参数的最小整数. a = Math.ceil(-10.1); a…
第四章   JavaScript操作DOM对象 一.DOM操作 DOM是Document Object Model的缩写,即文档对象模型,是基于文档编程的一套API接口,1988年,W3C发布了第一级的DOM规范,这个规范允许和操作HTML页面中的每个单独的元素,如网页的表格.图片.文本.表单元素等. 1.    DOM操作分类 使用JavaScript操作DOM时分为三个方面:DOM Core(核心).HTML-DOM和CSS-DOM. 1.     DOM Core 使用DOM Core不是…
第三章   JavaScript操作BOM对象 一.window对象 浏览器对象模型(BOM)是javascript的组成之一,它提供了独立与浏览器窗口进行交换的对象,使用浏览器对象模型可以实现与HTML的交互. 他的作用是将相关的元素组织包装起来,提供给程序设计人员使用,从而降低开发人员的劳动量,提高设计Web页面的能力. BOM是一个分层结构: Window对象是整个BOM的核心,在浏览器中打开网页后,首先看到是浏览器窗口,即顶层的window对象:其次是网页内容,即document(文档)…
1. DOM:Document Object Model(文档对象模型):          DOM操作:                   ●DOM是Document Object Model的缩写,即文档对象模型,是基于文档编程的一套API接口,                    ●1988年,W3C发布了第一级的DOM规范,这个规范允许和操作HTML页面中的每个单独的元素,如网页的表格.图片.文本.表单元素等 2.DOM操作分类: ●使用JavaScript操作DOM时分为三个方面:…
JavaScript 数组(Array)对象的方法 concat() 描述:用于连接两个或多个数组.该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本. 原型:arrayObject.concat(arrayX,arrayX,......,arrayX) 参数 描述 arrayX 必需.该参数可以是具体的值,也可以是数组对象.可以是任意多个. 返回值:返回一个新的数组.该数组是通过把所有 arrayX 参数添加到 arrayObject 中生成的.如果要进行 concat() 操作的参数…
在Javascript操作JSON对象,增加删除修改全有的,详情见代码 <script type="text/javascript"> var jsonObj2 = { teacher: [ { name: "jordan", sex: "m", age: "40" }, { name: "bryant", sex: "m", age: "28" }, {…
DOM是Document Object Model的缩写,即文档对象模型,是基于文档编程的一套API 使用javaScript操作DOM对象通常分为三类:1.DOM CORE        2.HTML-DOM和CSS-DOM. 本段代码涉及到的知识点有1.如何锁定一个节点     2.返回子节点集合所用到的公式     3.如何将一种节点类型遍历出来 <!DOCTYPE html><html>  <head>    <title>4</title&g…
anchor() 描述:用于创建 HTML 锚 原型:stringObject.anchor(anchorname) 用法: <script> var txt="Hello world!" document.write(txt.anchor("myanchor")) </script> 输出: <a name="myanchor">Hello world!</a> big() 描述:用于把字符串显示…
js的精华即是操作DOM对象 [1]先看代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <p>JS之操作DOM对象</p> <div id="parent"> <div i…
1)JavaScript  操作DOM對象 1.DOM:是Document  Object  Model 的缩写,及文档对象模型 2.DOM通常分为三类:DOM Core(核心).HTML-DOM 和 CSS-DOM 1.DOM Core DOM Core 不是JavaScript的专属品,任何一种支持DOM的编辑器语言都可以使用它 它的用途不仅限于处理一种使用标记语言编写出来的文档如HTML文档 getElementById()/getElementByTagName()等方法都是 DOM C…
1)windows对象 浏览器对象模型(BOM :Browser  Object  Model)是JavaScript的组成之一,它提供了独立于内容与浏览 器窗口进行交互的对象,使用浏览器对象模型可以实现与HTML的交互.它的作用是将相关的元素组织包装起来, 提供给程序设计人员使用,从而降低开发人员的劳动量,提高设计Web页面的能力.BOM是一个分层结构 1-1)使用BOM通常可实现如下功能: 1.弹出新的浏览器窗口 2.移动.关闭浏览器窗口及调整窗口大小 3.在浏览器窗口中实现页面的前进.后退…
TextRange对象是动态HTML(DHTML)的高级特性,使用它可以实现很多和文本有关的任务,例如搜索和选择文本.文本范围让您可以选择性的将字符.单词和句子从文档中挑选出来.TextRange对象是在HTML文档将要显示的文本流上建立开始和结束位置的抽象对象. 下面是TextRange的常用属性与方法: 属性 boundingHeight 获取绑定TextRange对象的矩形的高度 boundingLeft 获取绑定TextRange 对象的矩形左边缘和包含TextRange对象的左侧之间的…
1.window对象: 浏览器对象模型(BOM)是javascript的组成之一, 它提供了独立与浏览器窗口进行交换的对象,使用浏览器对象模型可以实现与HTML的交互. 它的作用是将相关的元素组织包装起来,提供给程序设计人员使用,从而降低开发人员的劳动量,提高设计Web页面的能力. BOM:浏览器对象模型(Browser Object Model):BOM提供了独立于内容的.可以与浏览器窗口进行互动的对象结构: BOM是一个分层结构:             结构: ★Window对象是整个BO…
一.DOM操作分类 使用JavaScript操作DOM时通常分为三类:DOM    Core.HTMl--DOM和CSS-DOM 二.访问节点 节点属性 三.节点信息 四.操作节点的属性 语法: getArrtibute("属性名"):用来获取属性的值 setAttribute("属性名","属性值") :用来设置属性的值 五.删除和替换节点 删除和替换节点的方法 六.操作节点模式 1.style属性 语法: HTML元素.style.样式属性=…
JavaScript操作BOM 一.window对象: 二.window对象的属性和方法 1.windows对象的常用属性: 语法:window.属性名="属性值" 2.windows对象的常用方法: 语法:windows.方法名() 3.口的特征属性: 4.history对象的方法: 5.location对象和属性: 三.document对象 document对象的常用属性: referrer的语法:document.referrer URL 的语法: document.URLdoc…
我们知道,JavaScript中检测对象类型的运算符有:typeof.instanceof,还有对象的constructor属性: 1) typeof 运算符 typeof 是一元运算符,返回结果是一个说明运算数类型的字符串.如:"number","string","boolean","object","function","undefined"(可用于判断变量是否存在). 但 type…
一.自定义对象 方法1 /* 自定义对象 */ var sex= "gender" var person={"name": "tom", "age": 19, "gender": "男"} console.log(person.name) console.log(person.age) console.log(person[sex]) /* 注意:"name"作为属性…
 转换方法 因为JavaScript内部机制(继承),所有的对象都具有toLocalString() .toString().valueOf()方法,Array也不例外so:var colors = ["red", "blue", "green"];alert(colors.toString()); // red,blue,greenalert(colors.valueOf()); // red,blue,greenalert(colors);…
1.字符方法 1.1 charAt() 方法,返回字符串中指定位置的字符. var question = "Do you like JavaScript?"; alert(question.charAt(5)); //"u" 字符串 "Do you like JavaScript?" 的长度为23,即位置从0到22.指定位置5处的字符是"u". 1.2 charCodeAt() 方法,返回字符串中指定位置的字符编码. var…
程序调试,chrome开发人员工具,DOM操作,节点和节点间的关系,节点信息,操作节点,获取元素 一.单词部分 ①alert警告②prompt提示③parentNode父节点④childNode子节点⑤firstChild第一个子节点 ⑥lastChild最后一个子节点⑦nextSibling下一个同级⑧previousSibling上一个同级 ⑨createElement创建节点元素    appendChild附加节点    insertBefore在..之前添加 cloneNode复制 节…
在JavaScript中,有5种基本数据类型和1种复杂数据类型,基本数据类型有:Undefined, Null, Boolean, Number和String:复杂数据类型是Object,Object中还细分了很多具体的类型,比如:Array, Function, Date等等 在JavaScript中,有5种基本数据类型和1种复杂数据类型,基本数据类型有:Undefined, Null, Boolean, Number和String:复杂数据类型是Object,Object中还细分了很多具体的…
<!doctype html> <html> <head> <meta charset="utf-8"> <title>document</title> <style> </style> <script type="text/javascript"> window.onload = function() { oText1 = document.getEleme…
JS只能输入数字,数字和字母等的正则表达式 1.文本框只能输入数字代码(小数点也不能输入) <input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"> 2.只能输入数字,能输小数点. <input onkeyup="if(isNaN(value))execCommand('u…
在JavaScript中,我们经常要给已定义的对象添加一些方法,如下:    function circle(w,h){      this.width=w;      this.height=h;    }    var cir = new circle(8,9);    这时我们突然要计算cir对象的面积,怎么办呢?我们可以专门为这个对象新定义一个计算面积的方法.    function area(){       return this.width*this.height;    }   …
正则表达式是描述字符模式的对象.正则表达式用于在文本上执行模式匹配和“搜索和替换”功能. var patt = /JC2182/i 示例说明: /JC2182/i - 是一个正则表达式. JC2182 - 是一种模式(用于搜索). i - 是一个修饰符(将搜索修改为不区分大小写). 修饰符 修饰符用于执行不区分大小写和全局搜索: 修饰符 描述 g 执行全局匹配(查找所有匹配项,而不是在第一次匹配后停止) i 执行不区分大小写的匹配 m 执行多行匹配 括号 括号用于查找一系列字符: 表达式 描述…
1.比较最值方法 比较最值有两种方法,max() 和 min() 方法. 1.1 max() 方法,比较一组数值中的最大值,返回最大值. var maxnum = Math.max(12,6,43,58,70); alert(maxnum); //"70" 1.2 min() 方法,比较一组数值中的最小值,返回最小值. var minnum = Math.min(12,6,43,58,70); alert(minnum); //"6" 2.数值舍入方法 介绍几个将小…
Date 对象用于处理日期和时间. 创建 Date 对象的语法: var myDate=new Date() Date 对象会自动把当前日期和时间保存为其初始值. 参数形式有以下5种: new Date("month dd,yyyy hh:mm:ss"); new Date("month dd,yyyy"); new Date(yyyy,mth,dd,hh,mm,ss); new Date(yyyy,mth,dd); new Date(ms); 注意最后一种形式,参…
document.defaultView或全局变量window--获取一个window对象. 1)获取窗体信息 innerHeight.innerWidth--获取窗体内容区域的高度.宽度. outerHeight.outerWidth--获取窗体的高度.宽度(包括边框和菜单条等): pageXOffset.pageYOffset--获取窗体从左上角算起水平/垂直滚动过的像素数: screen--返回一个描写叙述屏幕的Screen对象: screen.availHeight.screen.ava…
常用的方法: 1.访问节点: 通过Document.getElementByXXX()获得一个指定节点-->再通过以下属性节点访问节点:第一部分:节点属性a:parentNode 返回节点的父节点b:childNodes 返回子节点集合,可以for循环遍历c:firstChild 返回节点的第一个子节点, 空白内容算第一个文本节点d:lastChile 返回最后一个子节点 同上e:nextSibling 返回下一个节点 空白内容算第一个文本节点f:previousSibling 返回上一个节点…