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

最新推荐文章于 2024-11-26 14:12:45 发布

原创最新推荐文章于 2024-11-26 14:12:45 发布 · 363 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#编程 #windows phone #button #winform #文档 #date

本文介绍了文档对象模型（DOM）的基本概念及其与JavaScript的交互方式，包括事件处理、页面元素操作等核心内容，并提供了实例说明。

---------------------- 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="添加事

件" onclick="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="男"