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://ybzwz.com/article/dpjpei.html