c#开发之三---前端技术DOM-创新互联

第一章 BOM（浏览器对象模型 (BOM) ）

1.1 window对象

window对象表示浏览器窗口，可以通过window对象操作浏览器。浏览器里面所有的javascript方法，变量等全是widonw对象的成员。甚至 HTML DOM 的 document 也是 window 对象的属性。

1.2 window对象的方法：

alert（）     //弹出信息

confirm（）   //提示是否删除对话框，返回ture和false.

navigate（）   //导航，把网页跳转到另一个地址。

setinterval(方法，时间)  //每间隔一段时间执行一次方法。

1.2 window属性

1、location属性：地址栏。
hostname:域名.
href:地址栏地址。
port:端口。
reload():刷新当前页。

 
2、event属性

表示事件发生时是否另外触发了某个事件。如，是否按下了ctrl键。如触发了另外的事件，反回ture，否则返回false。

function nav() {
            ///当检测到按下ctrl键时，反回值为ture,否则为false
            if (event.ctrlKey)
                location.href = 'http://www.baidu.com';
            else
                location.href = 'http://www.sina.com.cn';

4、鼠标座标
clickx  ,clicky: 一般为在鼠标在文档中的位置。

screenx,screeny：鼠标在屏幕中的位置。

offsetx,sffsety:鼠标在当前对象中的位置。

5、returnvalue
即是否取消某个html元素的默认行为。

如 submit，默认是提交表单行为，但我们做一下判断，如果文本框中输入的值不对，或没有输入值时，就不作提交。此时我们就可以用returnvalue属性，把他赋值为false即可。

例：

6、srcelement  事件源，可以返回事件产生者，即是谁干的这件事。

7、screen，返回当前屏幕的分辩率。

1.3、事件
动态注册事件时，把函数赋值给事件时，不能加后面的括号。

function f2() {

                location.href = 'http://www.baidu.com';

docment. //后面不能加括号。此时的f2是一个函数。此时在移动鼠标时，就会执行函数f2。

docment. //如果这样写，就是把f2函数的结果返回给这个事件，f2函数没有定义返回，返回的结果就是undefined.

第二章DOM

2.1、docoment对象
docoment的区域是整个页面。而body的区域是在有Html元素的区域内。

2.1.1方法：
1、docoment.write();//输出文档内容，里面可以带标签。

2、getelementbyid()根据Id获得对象

有时候多层元素中，如form中的一个input标签，即使有ID也没法直接调用，但用getelementbyid就可以。这个方法可以找到整个页面里的ID。不管是多少层内的。
3、getElementByName()，根据名字获得对象。

4、getElementsByTagName(),根据标签名获得对象。

2.1.2属性

1、docuoment.documentelement   //当前文档的根节点
节点：包括标签，文字，注释等页面里的所有元素。
元素：元素就是标签。
children：子元素。
childnodes:子节点。子元素和子节点都只能找到直接子元素和子节点。多层的找不到。

2.2 body对象

2.3form对象

站在用户的角度思考问题，与客户深入沟通，找到淅川网站设计与淅川网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：成都做网站、网站制作、企业官网、英文网站、手机端网站、网站推广、申请域名、网络空间、企业邮箱。业务覆盖淅川地区。

创新互联www.cdcxhl.cn，专业提供香港、美国云服务器，动态BGP最优骨干路由自动选择，持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证， 机房独有T级流量清洗系统配攻击溯源，准确进行流量调度，确保服务器高可用性。佳节活动现已开启，新人活动云服务器买多久送多久。

分享标题：c#开发之三---前端技术DOM-创新互联
转载来于：http://cxhlcq.com/article/dpjpei.html