JavaScript复习记录-关于输出的各种用法

程序员文章站 2022-04-21 22:02:59

...

之前学习过JS中关于输出的内容，现在又翻过来看看竟然很陌生，因此以防备忘，还是写下来最加深印象，以后复习起来也容易的多。

1、输出内容document.write

doucument.write()可用于直接向HTML输出流写内容，直接在网页中输出内容。

（1）输出内容用 “ ” 直接括起来。

document.write("Hello World!");

（2）通过变量输出内容。

var myVar="Hello World!";
document.write(myVar);

（3）输出多项内容，在内容间用+号连接。

var myVar="Hello";
document.write(myVar + "World!");

（4）输出HTML标签，标签用 “ ” 括起来。

var myVar="Hello World!";
document.write(myVar + "</br>");

2、输出空格

因为浏览器显示机制，对手动敲入的空格，会将连续多个空格显示成一个空格。

（1）用输出HTMl标签   来解决。

document.write("&nbsp;&nbsp;"+"1"+"&nbsp;&nbsp;&nbsp;"+"23");
//输出结果：  1   23

（2）用CSS样式来解决。

document.write("<span style='white-space:pre'>"+"  1   23"+"</span>");
//输出结果：  1   23

3、警告，alert消息对话框

再点击对话框“确定”按钮之前，不能进行任何其他操作，消息对话框通常可以用于调试程序。alert输出内容，可以是字符串或变量，与document.write相似。

4、确认，confirm消息对话框

confirm消息对话框常用于容许用户做选择的动作。语法：confirm(str); 其中str为在消息对话框中要显示的文本，返回值为Boolean值。

var myMessage=confirm("你想学习吗？");
if(myMessage==true){
    document.write("想的，好好学习。");
}
else{
    document.write("不，你想！");
}

note:用户在点击对话框按钮之前，无法进行其他操作。

5、提问，prompt消息对话框

prompt弹出消息对话框，通常用于询问一些需要与用户交互的消息。prompt消息对话框中包括一个确定按钮，取消按钮和一个文本输入框。语法：prompt(str1,str2); 其中str1为要显示在消息对话框中的文本，不可修改，str2为文本框中内容，可以修改。

var myName=prompt("请输入您的大名：");
if(myName!=Null){
    alert("Hello "+myName);
}
else{
    alert("Hello my friend.");
}

6、打开新窗口，window.open

open()方法可查找一个已存在或新建的浏览器窗口。语法：window.open([URL],[窗口名],[参数字符串]);其中，

URL：可选参数，在窗口中要显示网页的网址或路径，若省略或这个参数值为空字符串，则窗口就不显示文档。

窗口名：名称由字母，数字和 _ 组成。有特殊意义的名称：_blank，在新窗口显示目标网页；_self，在当前窗口显示目标网页；_top，框架网页中在上部窗口中显示目标网页。不同窗口需要不同name，name中不能存在空格。

参数字符串：

7、关闭窗口，window.close

var myWin=window.open("https://blog.csdn.net/bertZuo");    //将新打开的窗口对象存储在变量myWin中
myWin.close();    //关闭窗口