Java Script基础(七) HTML DOM模型】的更多相关文章

Java script基础 Js的每个语句后面都要有分号. <script  type="text/java script">所有JS内容</script> document .write(“hello”):document做write动作,动作内容为hello..点是个运算符,表示左边的做右边的动作或右边的是左边的成分,此处表示做动作. alert(“hello”);表示页面对话框的输出内容. var  varible的缩写用于定义变量,还可以同时进行初始化.…
一. JS的简介 JavaScript是一种网页编程技术,经常用于创建动态交互网页 JavaScript是一种基于对象和事件驱动的解释性脚本语言,类似C语言和Java的语法 事先不编译:逐行执行:无需进行严格的变量声明:内置大量现成对象,编写少量程序可以完成目标 不同的浏览器甚至同一浏览器的不同版本对JavaScript的支持程度都不一样 二. JS的基本语法 0. 有两种JavaScript写法: a. 直接在 html 中嵌入,程序写法: <script type="text/java…
一.HTML DOM. HTML DOM的特性和方法是专门针对HTML的,HTML中的每个节点都是一个对象,通过访问属性和方法的方式,让一些DOM操作更加简便,在HTML DOM中有专门用来处理白哦个及其元素的属性和方法. HTML DOM参考手册 下面以Table为例来讲解HTML DOM动态操作表格. 1.Table对象(表格) 在HTML DOM中, table对象代表一个HTML表格,TableRow对象代表HTML表格的行,tableCell对象代表HTML表格的单元格.在HTML中可…
一.文档对象模型 DOM( Document Object Model)文档对象模型,它提供了访问.动态修改文档的借口,W3C指定了DOM规范,主流浏览器都支持.DOM由3部分组成,分别是CoreDom.XML DOM和HTML DOM. 1.Core DOM:也称核心DOM变成,定义了一套标准的针对任何结构化文档的对象,包括HTML.XHTML和XML. 2.XML DOM:定义了一套标准的针对XML文档的对象. 3.HTML DOM:定义了一套标准的针对HTML文档的对象. 二.认识DOM节…
一.BOM模型 BOM模型(Browser Object Model),也称为文档对象模型,它包含浏览器相关的属性和方法,例如操作,前进后退按钮,控制地址栏,关闭浏览器窗口,打开新窗口等等.它包含的对象主要有一下几种. 1.Window对象 Window对象时指整个窗口对象,可以通过操作Window对象的属性和方法控制窗口,例如打开和关闭一个窗口. Window常用的属性和方法查询: 2.History对象 History指浏览器访问过得历史记录,通过History对象的属性和方法实现浏览器的前…
1学习ajax需要一点CSS的基础和JavaScipt基础 今天重温一下Javascrpt基础 1.<script type="text/javascript"></script>表示在<script></script>之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于JavaScript语言. document.write("") 即Javascrpt的输出语言 2.可以使用<s…
一.为什么学习JavaScript 学习JavaScript主要有以下两点原因. 1.客户端表单验证. 2.实现页面交互(网页特效) 二.什么是JavaScript JavaScript是一种描述语言,是一种基于对象(Object)和事件驱动(Event Driven)的,安全性好的脚本呢语言.它运行在客户端,从而减轻吴福气的负担.其特点如下: 1.JavaScript主要用来向HTML页面添加交互行为. 2.JavaScript主要用来向HTML页面中添加交互行为. 3.JavaScript一…
动态控制样式表 在JavaScript中,有两种方式可以动态的改变样式属性,一种是使用style属性,另一种是使用样式的className属性.另外控制元素隐藏和显示使用display属性. 1.使用sytle属性 语法: 元素.style.样式属性="值"; 在JavaScript中使用CSS样式与在html中使用CSS少有不同,由于JavaScript中的-表示减号,因此如果样式属性名称中带有"-"则要省去,后面首字母要大写. 参考样式属性 例如: docume…
Select下拉列表 属性: options[]:返回包含下拉列表中的所有选项的一个数组. selectedIndex:设置返回下拉列表中被选项目的索引号. length:返回下拉列表框中选项的数目.如果设置为0,表示清空列表框. 方法: add(new,old):添加一个选项.如果old为空则添加到末尾,old有值则添加到old之前. 事件: onchange:当改变选项时调用的事件. Option对象 属性: text:设置或返回某个选项的文本值. value:设置某个选项的value值.…
一.Array数组 JavaScript中的数组也是具有相同数据类型的一个或者多个值得集合.用法和Java中的数组类似. Array对象的常用属性和方法: 属性: length:获取数组的长度: 方法: join():把数组中的所有元素放入一个字符串中,通过分隔符进行分隔. sort():对数组元素进行排序. 1.创建数组 语法: var a1 = new Array();           //创建一个数组,长度为0: var a2 = new Array(size);     //创建指定…