20.DOM

【20.DOM】的更多相关文章

定义文档对象模型(Document Object Model)是一种用于HTML和XML文档的编程接口. 查找元素 1.直接查找 document.getElementById 根据ID获取一个标签 document.getElementsByName 根据name属性获取标签集合 document.getElementsByClassName 根据class属性获取标签集合 document.getElementsByTagName 根据标签名获取标签集合练习: <div id="i…

DOM Scripting -- Web Design with JavaScript and the Document Object Model 第2版读书笔记

1. childNodes nodeValue <p id="p1">hello p!</p> alert(document.getElementById("p1").childNodes[0].nodeValue); 2. firstChild lastChild childNodes[0] 等价于 firstChild (node.childNodes[0] == node.firstChild) node.childNodes[n…

js拖拽效果实现

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta…

02.lib-v1.js

/* Date: 2014-07-29 4:06:07 [PM] */ function StringBuilder() { this.strings = new Array, this.length = 0 } function jdThickBoxclose() { $(".thickclose").trigger("click") } function getparam() { var a = "", b = ""; n…

dispatchEvent相关内容

意思就是:手动触发事件. 我的理解是:类似于jquery中的trigger方法,可以在点击某个dom的时候,触发另一个dom的事件,下面一个我自己尝试的例子: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <…

GIS可视化——属性图

一.简介 SuperMap iClient for JavaScript 提供了UTFGrid图层(属性图),用于客户端属性信息的快速交互. UTFGrid图层从UTFGrid切片数据源读取数据,其本质是基于JSON的ASCII 码’字符画’与属性数据的结合. UTFGrid图层不能被可视化渲染,在地图中使用这个图层, 必须同时添加 SuperMap.Control.UTFGrid 控件类来控制触发事件类型. 原理:通过请求瓦片数据(非图片),将属性信息保存到客服端UTFGrid图层中,提高客户…

three.js实现球体地球2018年全球GDP前十国家标记

概况如下: 1.SphereGeometry实现自转的地球: 2.THREE.Math.degToRad,Math.sin,Math.cos实现地图经纬度与三位坐标x,y,z之间的转换: 3.ImageUtils加载球体贴图: 4.THREE.CubicBezierCurve3 创建标记立体轨迹,调用getPoints将轨迹分成需要的段数: 5.轨迹中根据分段数与相应国家gdp值来实现标记. 效果图如下: 预览地址:three.js实现球体地球2018年全球GDP前十国际标记初始化场景.相机.…

three.js实现球体地球城市模拟迁徙

概况如下:1.SphereGeometry实现自转的地球:2.THREE.ImageUtils.loadTexture加载地图贴图材质:3.THREE.Math.degToRad,Math.sin,Math.cos实现地图经纬度与三位坐标x,y,z之间的转换:4.轨迹中根据分段数与相应国家gdp值来实现城市标记. 效果图如下: 预览地址:three.js实现球体地球城市模拟迁徙初始化场景.相机.渲染器,设置相机位置,初始化光源,光源采用HemisphereLight,设置光源位置为场景中心位置…

three.js模拟实现太阳系行星体系

概况如下: 1.SphereGeometry实现自转的太阳: 2.RingGeometry实现太阳系星系的公转轨道: 3.ImageUtils加载球体和各行星贴图: 4.canvas中createRadialGradient实现太阳发光效果: 5.THREE.Sprite精灵实现太阳系行星. 效果图如下: 初始化场景.相机.渲染器,设置相机位置. // 初始化场景 var scene = new THREE.Scene(); // 初始化相机,第一个参数为摄像机视锥体垂直视野角度,第二个参数为摄…

three.js实现土星绕太阳体系

概况如下: 1.SphereGeometry实现自转的太阳,土星: 2.RingGeometry实现土星公转轨道: 3.ImageUtils加载球体贴图: 4.canvas中createRadialGradient实现太阳发光效果: 5.THREE.RingGeometry实现土星公转轨道. 效果图如下: 预览地址:three.js实现土星绕太阳体系初始化场景.相机.渲染器,设置相机位置,初始化光源,光源采用点光源PointLight,设置光源位置为场景中心位置,并将光源加入场景中. // 初…