DOM的常用操作

    DOM就是HTML页面模型，将每个标签都做为一个对象，JavaScript通过调用DOM中的每个属性、方法就可以对文本框、层等元素进行编程控制.Dom就像WinForm一样，通过属性、事件、方法进行编程。CSS+JavaScript+DOM=DHTML

   Window对象代表当前浏览器的窗口，使用window对象的属性、方法时可以省略window. 如window.alert("vvvvv")可以变成alert("vvvvv").

window有以下常用的几个对话框：

    alert(message):弹出一个确定对话框。

    confirm(message):弹出一个包含“确定”和“取消”两个按钮的对话框，如果返回值为true,则表示点击了“确定”按钮，否则是"取消”按钮

    prompt(hitmessage,defaultvalue):弹出一对话框用来记用户输入一个值，它的返回值为用户输入的值。

   navigate(url):此函数表示导航到相关的url中，也是常用的函数。

    以下代码为以上相关函数的用法：

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript">
        function closeme() {
            if (confirm("你要关闭本窗体吗?")) {
               alert("你点击了确定按钮，要关闭了哦.");
                close();
            } else {
               alert("你点击了取消按钮，什么也不做了.");
            }

               
        }
        function GetValue() {
            var i = prompt("请输入值", 20);           
            var txt = document.getElementById("mytxt");
            if (txt)
                txt.value = i;
          
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <input type="button" value="close" onclick="closeme()" />
    <input type="text" id="mytxt"/>
    <input type="button" value="getvalue" onclick="GetValue()" />
    <input type="button" value="新浪" onclick="navigate('http://www.sina.com/')" />
   
     </div>
    </form>
</body>
</html>

 

 

posted on 2013-05-20 10:54  天上星  阅读(233)  评论(0)  编辑  收藏  举报

导航