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>

 

 

你可能感兴趣的:(dom)