web之javascript语句

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了web之javascript语句相关的知识,希望对你有一定的参考价值。

---恢复内容开始---

一、javascript语句

1,alert(字符串或变量):警告消息对话框

<script type="text/javascript">
    var mynum=30;   //定义变量并赋值
    alert("hello!");//用消息对话框输出“hello!”
    alert(mynum);   //用消息框输出变量“30”
</script>
注意:
1,在点击对话框“确定”按钮前,不能进行任何其它操作。
2,消息对话框通常可以用于调试程序。
3,alert输出内容可以是字符串或变量,与document.write()相似。
4,alert返回值为undefined

 2,confirm(str):确认消息对话框

<script type="text/javascript">
    var mymessage=confirm("你喜欢JavaScript码?");//定义弹窗显示的内容
    if(mymessage==true){                  //点击“确认”,返回值为true
        document.write("很好,加油!");
    }
    else                                              //点击“取消”,返回值为false
    {
        document.write("JS功能强大,可以学学的!");
    }
</script>
1,str参数,要在弹窗上显示的内容。
2,返回值:点击“确认”返回true,点击“取消”返回false。
3,点击弹窗的按键前,不能做其它任何操作。

 3,prompt(str1,str2):提问消息对话框

<script style="text/javascript">
    var myname=prompt("请输入你的姓名:");
    if(myname==null){ //点击“取消”,返回为null;
         document.write("你点击了取消按钮!");
    }
    else if(myname==‘‘){//输入框没有输入内容,并点击“确认”,返回值为(‘‘)空格;
        document.write("你点击了确认按钮,但你什么也没输入");
    }
    else{                        //输入内容并点击“确定”,返回输入的内容;
        document.write("你点击了确认按钮,你输入的内容为“+myname);
    }
</script>     
1,str1:要显示在消息对话框中的文本,不可修改;
2,str2:文本框中的默认显示内容,可以修改(为可选参数);
3,点击确认按钮,文本框中输入的内容将作为返回值返回;
4,点击取消按钮,将返回null;
5,点击对话框的按钮前,不能进行其它操作;

 4,window.open([URL],[窗口名称],[参数字符串])

<script style="text/javascript">
    window.open(‘http://www.baidu.com‘,‘百度首页‘,‘width=300px,height=200px,
menubar=no,toolbar=no,status=no,scrollbars=yes);
//打开一个命名为百度首页并进行一些属性设置的窗口;
</script>
------------------------------------------------------------
|       参数       |       值       |   说明                 |
------------------------------------------------------------
|       top       |   numder       | 窗口顶部离屏幕顶部的像素  |
------------------------------------------------------------
|       left      |   numder       | 窗口左端离屏幕左端的像素  |
------------------------------------------------------------
|       width     |   numder       | 窗口的宽度              |
------------------------------------------------------------
|       height    |   numder       | 窗口的高度              |
------------------------------------------------------------
|      menubar    |   yes/no       | 窗口有没有菜单           |
------------------------------------------------------------
|     toolbar     |   yes/no       | 窗口有没有工具条         |
------------------------------------------------------------
|    scrollbars   |   yes/no       | 窗口有没有滚动条         |
------------------------------------------------------------
|      status     |   yes/no       | 窗口有没有状态栏         |
------------------------------------------------------------
参数说明:
URL:可选参数;在窗口中要显示网页的网址或路径,如果省略,或者是空字符串,那么窗口就不显示任何文档。
窗口名称:可选参数;被打开的窗口名称;
    1,改名字由字母、下划线、和数字组成。
    2,“_top”、"_blank"、"_self"具有特殊意义的名称
        _blank:在窗口显示目标网页;
        _self:在当前窗口显示目标网页;
        _top:框架网页中在上部窗口中显示目标网页;
    3,相同name的窗口只能创建一个,所有创建多个窗口时name不能相同;
    4,name不能包含空格;
参数字符串:可选参数,设置窗口参数,各参数用逗号隔开。

 close():关闭窗口

1,窗口对象。close();关闭指定网页
<script style="text/javascript"> var mywin=window.opn(‘http://www.baidu.com‘);//将打开的新网页存到变量中 mywin.close();//关闭指定网页 </script>
2,window.close();关闭当前网页

 






以上是关于web之javascript语句的主要内容,如果未能解决你的问题,请参考以下文章

markdown Snippets.md是我最常用的HTML,CSS和JavaScript代码片段,用于前端Web开发

48个值得掌握的JavaScript代码片段(上)

你可能不知道的JavaScript代码片段和技巧(下)

你可能不知道的JavaScript代码片段和技巧(上)

高效Web开发的10个jQuery代码片段

高效Web开发的10个jQuery代码片段