【Javascript初学篇章_6（BOM）】的更多相关文章

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初学篇章_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初学篇章_7（DOM）

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

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初学篇章_6(自定义动画)

自定义动画 由于有一部分低版本的浏览器并不支持的问题,所以这个样式要多做兼容,各大浏览器兼容前缀如下: 前缀 浏览器  -webkit  chrome和safari  -moz  firefox  -ms  IE  -o  opera 1. animation-name(动画名称):语法:animation-name :none | <identifier> 说明:元素所应用的动画 名称,必须与规则@keyframes配合使用,因为动画名称由@keyframes定义 div{ animatio…

JavaScript大杂烩9 - 理解BOM

毫无疑问,我们学习JavaScript是为了完成特定的功能.在最初的JavaScript类型系统中,我们已经分析过JavaScript在页面开发中充当着添加逻辑的角色,而且我们知道JavaScript不仅仅包含基本的语法规范.下面我们就重点看一下JavaScript在页面中干的那些事.总的来说,JavaScript在页面端就干两件事:操作DOM与操作BOM (当然了向Server获取数据也是它的工作,不过获取到数据后还是回来干这两件事,大家对JavaScript最直接的印象应该就是各种光怪陆离的…