var模型

BOM和DOM

会有一股神秘感。 提交于 2019-11-27 08:16:21
BOM和DOM 的定义   BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行“对话”。   DOM (Document Object Model)是指文档对象模型,通过它,可以访问HTML文档的所有元素。 BOM BOM浏览器对象模型 BOM 使 JavaScript 有能力与浏览器进行“对话”。 location window对象的子对象中的location location.href 获取当前url:"https://www.cnblogs.com/clschao/articles/10092991.html" location.href="URL" // 跳转到指定页面 示例:location.href = 'http://www.baidu.com';直接跳转到百度 location.reload() 重新加载页面,就是刷新一下页面 计时器相关 (计时器是异步的) setTimeout计时器 setTimeout计时器,一段时间之后做某些事情 setTimeout('confirm("你好");',3000); #3秒之后执行前面的js代码 setTimeout(confirm('xxx'),3000); #如果写的不是字符串,会直接执行 setTimeout(function(){confirm('xxx

JavaScript-ECMAScript

坚强是说给别人听的谎言 提交于 2019-11-27 03:51:20
javascript介绍 Web前端有三层: HTML:从语义的角度,描述页面 结构 CSS:从审美的角度,描述 样式 (美化页面) JavaScript:从交互的角度,描述 行为 (提升用户体验) 其中JavaScript基础又分为三个部分: ECMAScript:JavaScript的语法标准。包括变量、表达式、运算符、函数、if语句、for语句等。 DOM:文档对象模型,操作网页上的元素的API。比如让盒子移动、变色、轮播图等。 BOM:浏览器对象模型,操作浏览器部分功能的API。比如让浏览器自动滚动。 特点: 简单易用:可以使用任何文本编辑工具编写,只需要浏览器就可以执行程序。 解释执行( 解释语言 ):事先不编译、逐行执行、无需进行严格的变量声明。 基于对象:内置大量现成对象,编写少量程序可以完成目标 javascript语法 JavaScript对换行、缩进、空格不敏感。每一行语句末尾要加上分号,如果不加分号,压缩后将不能运行。 所有符号都是英文 js代码的引入 在body标签中放入 <script type="text/javascript"></script> 标签: <script type="text/javascript"></script> 变量和赋值 变量 var a=100; 命名规范:只能由英语字母、数字、下划线、美元符号$构成,且不能以数字开头

stage3D 搭建2d图形引擎 (二) 四边形的大小,缩放和移动

瘦欲@ 提交于 2019-11-26 22:57:33
前一篇文章简单地构建了一个四边形,当然这个四边形还不完善,接下来我们将继续完善它。 我们看到,1,这个四边形的尺寸并不是真正的视觉尺寸,2,还有无法通过改变四边形的坐标来移动它,3,也不能对他进行缩放。下面我们就从这三个方面来完善它。 首先是尺寸,我们希望在给四边形指定的宽高数值就是他在屏幕上显示的像素大小。我们知道我们在屏幕上看到的图像实际上是经过一个矩形变换过的,在QuadRender的setMatrix方法中: 1 var pm:PerspectiveMatrix3D = new PerspectiveMatrix3D(); 2 pm.perspectiveFieldOfViewLH(1,1,1,10000 ); 3 _context3D.setProgramConstantsFromMatrix(Context3DProgramType.VERTEX,0,pm, true ); 我们创建了一个透视矩阵,并给他设定了一些数据。但实际上这是没有必要的,透视矩阵是在3D空间中才会发挥作用的东西,因为3D空间中有z轴方向这一自由度,但这一个自由度在2D空间中被固定死,所以我们认为这个自由度不存在,实际上我们需要的只是一个普通的正交投影矩阵,所谓正交投影,说白了其实就是忽略三维中的一维,取一个物体的某个剖面。我们将setMatrix方法修改如下: 1 public function

Javascript学习历程之DOM模型

与世无争的帅哥 提交于 2019-11-26 21:21:34
getElementById() (e1) function myPhone() { var myItem = document.getElementById("myphone"); alert(myItem.tagName + " " + myItem.childNodes[0].nodeValue); } getElementsByTagName("ul") (e1) function myPhone() { var myItem = document.getElementsByTagName("ul"); alert(myItem.length+myItem[0].childNodes[0].nodeValue); } 父节点parentNode (e1) function myPhone() { var myItem = document.getElementById("myphone"); alert(myItem.parentNode.tagName); } 子节点childNodes (e1) function myPhone() { var myItem = document.getElementById("phone"); var str = ""; if (myItem.hasChildNodes()) { var oCH = myItem.childNodes