黑马程序员学习笔记----Dom编程序基础

---------------------- Windows Phone 7手机开发.Net培训、期待与您交流! ----------------------

 

 

05.04

doucument object model 文档对象模型
dom 也叫文档树模型
dom也是事件驱动机制的
html+css+javascript+dom=dhtml
body加事件之后。如果页面没有内容
它会不起作用。
事件的调用一个方法的时候不能丢了括号
动态注册事件的时候不用加括号。
例如
<srcipt type="text/javascript">
   funcion f1click()
       alert("hello")
</srcipt>
<body>
 <input type="button" value="添加事

件" οnclick="btn.onclik=f1click">
 <input id=btn type="button"

value="click">
</body>

window是dom的一个顶级的对象
window代表的是整个IE的窗口
它有一个重要的属性document.body
                    文档   标签

alert是dom里面的方法
confirm相当于winform里面的messagebox
弹出对话框
confirm是window下面的一个方法。。。
prompt方法可以让用户输入一些内容
var strings=window.prompt("请输入大

名");
window.setinertval("alert

('123')",1000);
隔多少秒触发一次。
取消:
window.clearinterval();
interval:间隔的意思
可以放到一个按钮里

当你用colse()方法关闭窗口的时候必须

加上window。为什么要加上。因为它有一

个父窗体跟子窗体的关系。。加上window

了就表示关闭当前窗体

<body onload> onload事件用的是最多的
window.event重要的属性
获得发生改变时候要触发的事件
 window.event.returnvalue=false
取消后续内容的执行
srcelement 获取事件源

alert(new Date().toLocaleDateString

());       
获得当前系统日期
alert(new Date().toLocaletimeString

());       
获得当前系统时间

获取指定字符串中的某个字符比如:
 String s = “oh come on”;
 charAt(0)的结果就是'o'了,参数是一

个下标,从0开始到字符串长度-1

var mystr="my name is zs"; 
var i=0;
while(i<mystr.length){
document.write(mystr.charAt

(i)+"<br>"); 
 i++;
 }

document属性

document.writeln()输出加空格不是换行
想要换行要自己加一个<br  />

document可以动态生成一个文本框或者按

不用通过按钮来调用document.write()
因为你调用的话把其它的都充掉

如果要获取某个控件要通过
document.getelementbyid(“写id名字”

); 它有返回值
这个方法很常用 因为在form里点不到了
注意:区分大小写
document.getelementsbyname();
判断redio是否选中。
<script type="text/javascript">
function Sex(){
for(var i=0;i<redio.length;i++)
 {
   if(redio[i].chenked)
   alert(redio[i].value);
   break;
}
}
</script>
<input type="redio" value="男"

name="sex" chenked="chenked"  />男
<input type="redio" value="女"

name="sex" chenked="chenked"  />女
<br   />
<input type="button"

value="getElementsname" 

οnclick="sex()" />

getelementsbytagname
根据标签名字去找所有的元素

 

 

>---------------------- Windows Phone 7手机开发.Net培训、期待与您交流! ---------------------- 详细请查看:http://net.itheima.com/

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值