DOM - 文章分类 - Big.Eagle

案例练习

摘要：•案例1：创建三个输入文本框，当光标离开文本框的时候如果文本框为空，则将文本框背景色设置为红色，如果不为空则为白色。提示：焦点进入控件的事件是onfocus，焦点离开控件的事件是onblur。 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 2 3 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 4 <html xmlns="http://www.w3.org/1999/xht 阅读全文

posted @ 2013-03-24 18:50 Big.Eagle 阅读(167) 评论(0) 推荐(0)

修改样式

摘要：•易错：修改元素的样式不是设置class属性，而是className属性。案例：网页开关灯的效果。•修改元素的样式不能this.style="background-color:Red"。•易错：单独修改样式的属性使用“style.属性名”。注意在css中属性名在JavaScript中操作的时候属性名可能不一样，主要集中在那些属性名中含有-的属性，因为JavaScript中-是不能做属性、类名的。所以CSS中背景颜色是background-color，而JavaScript则是style.backgroundColor；元素样式名是class，在JavaScript中是cla 阅读全文

posted @ 2013-03-24 16:54 Big.Eagle 阅读(161) 评论(0) 推荐(0)

this

摘要：•事件中的this。除了可以使用event.srcElement在事件响应函数中，this表示发生事件的控件。只有在事件响应函数才能使用this获得发生事件的控件，在事件响应函数调用的函数中不能使用，如果要使用则要将this传递给函数或者使用event.srcElement。(*)this和event.srcElement的语义是不一样的，this就是表示当前监听事件的这个对象，event.srcElement是引发事件的对象：事件冒泡。要点：分清事件响应函数和事件响应函数的调用函数： 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1. 阅读全文

posted @ 2013-03-24 16:15 Big.Eagle 阅读(98) 评论(0) 推荐(0)

事件冒泡

摘要：•事件冒泡：如果元素A嵌套在元素B中，那么A被点击不仅A的onclick事件会被触发，B的onclick也会被触发。触发的顺序是“由内而外” 。验证：在页面上添加一个table、table里有tr、tr里有td，td里放一个p，在p、td、tr、table中添加onclick事件响应：1 <table onclick="alert('table onclick');">2 <tr onclick="alert('tr onclick');">3 <td onclick="alert( 阅读全文

posted @ 2013-03-24 15:57 Big.Eagle 阅读(87) 评论(0) 推荐(0)

练习

摘要：•练习：点击按钮增加一个网站的超链接function createlink() { var divMain = document.getElementById("divMain"); var link = document.createElement("a"); link.innerText = "传智播客.Net培训"; link.href = "http://net.itcast.cn"; link.target = "_blank"; divMain.app... 阅读全文

posted @ 2013-03-24 15:30 Big.Eagle 阅读(123) 评论(0) 推荐(0)

innerText、innerHTML、value获取值的区别

摘要：•Value 获取表单元素的值(input 、textarea、等在form中的元素)•几乎所有DOM元素都有innerText、innerHTML属性（注意大小写），分别是元素标签内内容的文本表示形式和HTML源代码，这两个属性是可读可写的。 –<a href="http://www.itcast.cn" id="link1">传<font color="Red">智</font>播客</a>–<input type="button" value=" 阅读全文

posted @ 2013-03-24 11:51 Big.Eagle 阅读(724) 评论(0) 推荐(0)

DOM的动态创建

摘要：•document.write只能在页面加载过程中才能动态创建。•可以调用document的createElement方法来创建具有指定标签的DOM对象，然后通过调用某个元素的appendChild方法将新创建元素添加到相应的元素下function showit() { var divMain = document.getElementById("divMain"); //创建完对象后，对象作为返回值返回 var btn = document.createElement(“input”);//创建一个input对象 btn.type = "button" 阅读全文

posted @ 2013-03-24 11:29 Big.Eagle 阅读(146) 评论(0) 推荐(0)

document属性

摘要：•document是window对象的一个属性，因为使用window对象成员的时候可以省略window.，所以一般直接写document；•document的方法： –（1）write：向文档中写入内容。writeln，和write差不多，只不过最后添加一个回车 –<input type="button" value="点击" onclick="document.write('<font color=red>你好</font>')" /> –在onclick等事件中写的代码会冲掉页面阅读全文

posted @ 2013-03-24 10:07 Big.Eagle 阅读(160) 评论(0) 推荐(0)

window对象的属性---->2

摘要：•（*）screen对象，屏幕的信息 alert("分辨率：" + screen.width + "*" + screen.height); if (screen.width < 1024 || screen.height < 768) { alert("分辨率太低！");}•clipboardData对象，对粘贴板的操作。（也是window的一个属性） clearData("Text")清空粘贴板； getData("Text")读取粘贴板的值，返回值为粘贴板中的内容； setDa 阅读全文

posted @ 2013-03-23 18:41 Big.Eagle 阅读(108) 评论(0) 推荐(0)

window属性--->1

摘要：•window.location.href='http://www.itcast.cn'，重新导向新的地址，和navigate方法效果一样。window.location.reload() 刷新页面•window.event(也是一个对象)是非常重要的属性，用来获得发生事件时的信息，事件不局限于window对象的事件，所有元素的事件都可以通过event属性取到相关信息。类似于winForm中的e(EventArg). window.event对象常用属性： –altKey属性，bool类型，表示发生事件时alt键是否被按下，类似的还有ctrlKey、shiftKey属性，例子阅读全文

posted @ 2013-03-23 16:57 Big.Eagle 阅读(144) 评论(0) 推荐(0)

body、document对象的事件

摘要：•（1）onload：网页加载完毕时触发，浏览器是一边下载文档、一边解析执行，可能会出现JavaScript执行时需要操作某个元素，这个元素还没有加载，如果这样就要把操作的代码放到body的onload事件中，或者可以把JavaScript放到元素之后。元素的onload事件是元素自己加载完毕时触发，body onload才是全部加载完成如：窗口加载完才设置文本框的值为1234:•（2）onunload：网页关闭（或者离开）后触发。•（3）onbeforeunload：在网页准备关闭（或者离开）后触发。在事件中为"window.event.returnValue赋值（要显示的警告消息阅读全文

posted @ 2013-03-23 15:59 Big.Eagle 阅读(126) 评论(0) 推荐(0)

Window对象

摘要：下面是Window对象的方法：window对象代表当前浏览器窗口，使用window对象的属性、方法的时候可以省略window，比如window.alert('a')可以省略成alert('a')。(1)alert方法，弹出消息对话框(2)confirm方法，显示“确定”、“取消”对话框，如果按了【确定】按钮，就返回true，否则就false if (confirm("是否继续？")) { alert("确定"); } else { alert("取消"); }•(3)重新导航到指定的地址：navigat 阅读全文

posted @ 2013-03-23 14:39 Big.Eagle 阅读(141) 评论(0) 推荐(0)

DOM入门

摘要：•DOM就是HTML页面的文档树模型，将每个标签都做为一个对象，JavaScript通过调用DOM中的属性、方法就可以对网页中的文本框、层等元素进行编程控制。比如通过操作文本框的DOM对象，就可以读取文本框中的值、设置文本框中的值。 JavaScript→Dom就是C#→.Net Framwork。没有.net，C#只能for、while，连WriteLine、MessageBox都不行。 Dom就是一些让JavaScript能操作HTML页面控件的类、函数。 DOM就是javascript中的类库！•DOM也像WinForm一样，通过事件、属性、方法进行编程。•CSS+JavaScript 阅读全文

posted @ 2013-03-23 12:03 Big.Eagle 阅读(89) 评论(0) 推荐(0)

文章分类 - DOM

公告