欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页

javascrpt的输出内容和消息对话框

程序员文章站 2022-05-31 14:39:26
...

  1. js输出内容

    输出多项内容用“+”连接。document.write(变量名+变量名)，document.write(变量名+”输出内容”)
    输出空格问题：&nbsp。

  2. js-确认（confirm 消息对话框）
    confirm 消息对话框消息对话框通常要求用户做出选择的动作。
    返回值：
    当点击“确定”时，返回ture，
    当点击“取消”时，返回false。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
    function rec(){
        var mymessage = confirm("你喜欢javascript");
        if(mymessage == true)
        {document.write("加油");}
        else
        {document.write("js功能强大");}
    }
</script>
</head>

<body>
<input name="" type="button" value="点击我" onclick="rec()" />
</body>
</html>
  1. js-提问（prompt 消息对话框）
    通常用于与用户的交互的信息。这个对话框通常包括“确认”，“取消”，“一个文本输入框”。
    prompt(str1 , str2);
    str1是消息对话框的内容不能修改，str2是文本框里的文字，可以修改。
    返回值：
    当点击确定时，文本框的内容会作为函数返回值，
    当点击取消时，将返回null。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
    function rec(){
        var myname = prompt("请输入你的名字", "呵呵");
        if(myname != null)
        {alert("你好" + myname);}
        else
        {alert("hello");}
    }
</script>
</head>

<body>
<input name="" type="button" value="点击我" onclick = "rec()" />
</body>
</html>
  1. 打开新窗口（window.open）
    open()，可以找到一个已经存在的或创建一个新的窗口。
    window.open( ‘url’, ‘窗口的名称’, ‘参数字符串’ )
    url：是要显示窗口的地址或途经，如果为空，这个窗口是打不开的。
    窗口的名称 ：该名称由下划线，字母，数字组成。
    “_top”、”_blank”、”_self”具有特殊意义的名称。
    _top框架网页在上部窗口中显示目标网页
    _blank 在新网页显示目标网页
    _self 在当前窗口显示目标网页
    参数字符串： 可选参数，设置窗口参数，各参数用逗号隔开。
    javascrpt的输出内容和消息对话框 
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>window.open</title>
<script type="text/javascript">
  function Wopen(){
    window.open('http://www.imooc.com','_blank', 'width = 600px, height = 400, menubar = no, toolbar = no, status = no, scrollbar = yes')  

  } 
</script>
</head>
<body>
    <input name="button" type="button" onClick="Wopen()" value="点击我，打开新窗口!" / >
</body>
</html>

5.关闭窗口（window.close）
close( ),关闭窗口。
window.close( ) 关闭当前窗口
<窗口对象>window.close( ); 关闭指定窗口。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>close()</title>
<script type="text/javascript">
var mywin=window.open("http://www.imooc.com");
mywin.close();
</script>
</head>
<body>
</body>
</html>

相关标签： javascript消息对话框

上一篇： NVIDIA上半年会发RTX 2070 Ti？神秘新卡现身跑分库

下一篇： 给我张纸好的

推荐阅读