Javascript初学篇章_7（DOM）

【Javascript初学篇章_7（DOM）】的更多相关文章

Javascript初学篇章_7（DOM）

DOM 文档对象模型DOM (document object model) 文档对象模型,它定义了操作文档对象的接口.DOM 把一份html文档表示为一棵家谱树,使用parent(父), child(子), sibling(兄弟)等记号来表明家庭成员之间的关系. 一.节点节点(node) 一词来自于网络理论,这代表着网络中一个个的连接点,网络是由节点构成的.对于html文档也是一样,文档是由节点构成的集合.1.元素节点元素节点如 <body> <p> <div> 之…

Javascript初学篇章_5(对象)

对象 Javascript是一种面向对象的语言,因此可以使用面向对象的思想来进行javascript程序设计对象就是由一些彼此相关的属性和方法集合在一起而构成的一个数据实体.举个例子,一只猫是个对象,它有属性颜色.身高之类,而它的方法就有抓老鼠. 本地对象1.Date 日期对象用来处理日期和时间.在<Javascript初学篇章_1>中就有提到过 var myDate = new Date(); myDate.getFullYear(); //获取完整的年份(4位,1970-????) myD…

Javascript初学篇章_1（概念/数据类型）

Javascript是一门脚本语言,主要由浏览器来执行.它可以说是页面的灵魂,让页面活过来.与之前学的HTML5+CSS样式的不同之处就在于,JS能让静态网页成为一个动态网页,实现与用户的互动. Javascript是由ECMAScript.DOM.BOM三部分组成. ECMAScript:(European Computer Manufacturers Association)核心 DOM:(Document Object Model)文档对象模型 BOM : (Drowser Object…

Javascript初学篇章_4(循环与函数)

七.循环语句 1.While 语法: while (exp){ //statements; } 说明: while (变量<=结束值){ 需执行的代码 } 例: var i=0; while(i<=9){ //利用循环在页面输出9张照片 document.write('<img src="img/'+i+'.jpg">'); i++; } 2. Do…while do...while功能与while相同,只是在执行的时候do...while是先执行后判断,whi…

Javascript初学篇章_3(注释/if/switch)

五.javascript的注释 // 单行注释 /* …*/ 多行注释注:多行注释不能互相嵌套六.程序流程控制一.条件语句 if 语法: if(condition) statements1 else statement2 例: var mark=89; //第一层判断分数是否在一个合理的范围内 if(mark >= 0 && mark <= 100){ //第二层判断对分数进行评价 if(mark>90){ console.log('成绩优秀'); } else i…

Javascript初学篇章_8（事件）

事件 HTML 事件是发生在 HTML 元素上的事情.例如用户点击按钮时,点击也是一个事件.事件可以用于处理表单验证,用户输入,用户行为及浏览器动作,如: 页面加载时触发事件页面关闭时触发事件用户点击按钮执行动作验证用户输入内容的合法性 PC端上常用的事件: 事件说明 onchange HTML 元素改变 onclick 用户点击 HTML 元素 onmouseover 用户在一个HTML元素上移动鼠标 onmouseout 用户从一个HTML元素上移开鼠标 onkeydown 用户按下…

Javascript初学篇章_6（BOM）

BOM 浏览器对象模型 BOM (浏览器对象模型),它提供了与浏览器窗口进行交互的对象一.window对象 Window对象表示整个浏览器窗口. 1.系统消息框 alert() alert('hello world!'); 2.确认对话框 confirm() 该方法返回一个boolean值,如果点击ok返回true,点击cancel返false; if(confirm("确定要删除吗?")){ //删除 } 3.输入对话框 prompt() 如果点击ok将文本框中的值作为函数值返…

Javascript初学篇章_2（数据类型的查看和转换/运算符）

三.数据类型的查看和转换 1.查看数据类型 typeof 说明:typeo可以查看变量的类型. 语法:alert(typeof 变量名或数据): 2.转换成字符串 var married = false; alert(married.toString()); // outputs “false” var age = 25; alert(age.toString()); //outputs “25” 3.转换成数字 parseInt() 转换成整数 parseFloat() 转换成浮点数 var…

CSS3初学篇章_7(布局/浏览器默认样式重置)

CSS布局说到布局,就不得不提布局的核心<div>标签,它与其它标签一样,也是一个XHTML所支持的标签,专门用于布局设计的容器标签.在css布局方式中,div 是这种布局方式的核心对象,我们的页面排版不再依赖于表格, 仅从div的使用上说,做一个简单的布局只需要两样东西:div 与 css.因此我们称这种布局方式为 div + css 布局. 语义元素 <header>.<nav>.<section>.<article>.<aside&…

JavaScript之旅（DOM）

JavaScript之旅(DOM) [TOC] 一.认识DOM 什么是 DOM? DOM 是 Document Object Model(文档对象模型)的缩写. DOM 是 W3C(万维网联盟)的标准. DOM 定义了访问 HTML 和 XML 文档的标准: DOM是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容.结构和样式.W3C DOM 标准被分为 3 个不同的部分: 核心 DOM - 针对任何结构化文档的标准模型 XML DOM - 针对 XML 文档的标准模型 HTM…