JavaScript_DOM编程
关注
分享
扫一扫
chance2015
山外有山人外有人
展开
-
JavaScript_在什么位置编写 JS 代码
1.相关介绍DOM：Document Object Model(文本对象模型) D：文档 – html 文档 或 xml 文档 O：对象 – document 对象的属性和方法 M：模型 DOM 是针对xml(html)的基于树的API。 DOM树:节点（node）的层次。 DOM 把一个文档表示为一棵家谱树（父，子，兄弟） DOM定义了Node的接口以及许多种节点类型来表示XML节原创 2016-01-05 13:44:35 · 5085 阅读 · 0 评论 -
jQuery 中的 DOM 操作
jQuery 中的 DOM 操作DOM(Document Object Model—文档对象模型)：一种与浏览器, 平台, 语言无关的接口, 使用该接口可以轻松地访问页面中所有的标准组件DOM 操作的分类:DOM Core: DOM Core 并不专属于 JavaScript, 任何一种支持 DOM 的程序设计语言都可以使用它. 它的用途并非仅限于处理网页, 也可以用来处理任何一种是用原创 2016-02-03 21:44:45 · 943 阅读 · 0 评论 -
Javascript事件相关操作以及行为事件分离
Javascript事件介绍Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 事件通常与函数结合使用，函数不会在事件发生前被执行！ 下面列出几个常见的事件：onfocus事件onfocus获得元素焦点事件： 示例代码如下：<meta http-equiv="Content-Type" content="text/html; charset=原创 2016-01-09 16:56:11 · 1755 阅读 · 0 评论 -
JavaScript定时器的相关操作
定时器的使用setTimeout(‘操作’,毫秒)函数的操作传入的两个参数为：第一个为操作，第二个为时间，单位为毫秒 功能实现: 5s后切换另一张图片 代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><meta http-equiv="Content-原创 2016-01-09 12:06:27 · 1040 阅读 · 0 评论 -
JavaScript操作对象以及获取运行时的style对象
功能实现: 点击一个div可实现该div颜色的切换变换 以及div的宽高下边框的变换点击div，使其背景色红绿交替 宽度增加5px 下边框增粗1px 代码如下：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><meta http-equiv="Content原创 2016-01-08 17:07:13 · 2652 阅读 · 0 评论 -
JavaScript节点相关操作(2)创建和删除节点以及做一个联动菜单
删除节点<ul> <li>春</li> <li>下</li> <li>秋</li> <li>冬</li></ul>例如需要删除”冬”这个节点 则需要先找到#li节点，再通过#li节点找到它的父节点使用parentNode函数 找到父节点后，再调用父节点的removeNode(index)方法去除某一个子节点 具体代码操作如下： 通过标签名找到#li节点var原创 2016-01-08 17:00:01 · 1060 阅读 · 0 评论 -
JavaScript语法基础
1.命名规范JS的变量名可以用 下划线 数字 字母 美元符$ 组成 但数字不能开头 例如：var a = 34;var b = 45;alert(a+b);var $‘ = "jquery";alert($);c = 56;alert(c);<script type="text/javascript"> var a = 3; var b = "hello"; va原创 2016-01-07 20:24:43 · 11642 阅读 · 0 评论 -
JavaScript_两个练习
1.点击每个 li 节点, 都弹出其文本值.代码如下,步骤已经在代码中说明<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/h原创 2016-01-05 20:10:46 · 1326 阅读 · 1 评论 -
JavaScript_节点相关操作
什么是节点？节点（node）：来源于网络理论，代表网络中的一个连接点。网络是由节点构成的集合 树也有节点，从根到叶每一个点都相当于一个节点节点都有哪些操作？1.获取指定的元素节点1). 获取 id 为 bj 的那个节点. //在编写 HTML 文档时, 需确保 id 属性值是唯一的. //该方法为 document 对象的方法 var bjNode = docu原创 2016-01-05 18:30:29 · 2255 阅读 · 0 评论 -
jQuery入门及各种选择器讲解
jQuery入门及各种选择器讲解1.jQuery简介(write less do more)jQuery 是继 Prototype 之后又一个优秀的 JavaScript 库jQuery 理念: 写得少, 做得多. 优势如下:轻量级强大的选择器出色的 DOM 操作的封装可靠的事件处理机制完善的 Ajax出色的浏览器兼容性链式操作方式……第一个jQue原创 2016-01-31 21:51:26 · 1638 阅读 · 1 评论