JavaScript学习记录-关于输出

学习了慕课上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("  "+"1"+"   "+"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中不能存在空格。

参数字符串：

参数	值	说明
top	Number	窗口顶部离开屏幕顶部的像素数
left	Number	窗口左端离开屏幕左端的像素数
width	Number	窗口宽度
height	Number	窗口高度
menubar	yes,no	窗口有无菜单
toolbar	yes,no	窗口有无工具条
scrollbars	yes,no	窗口有无滚动条
location	yes,no	是否在浏览器窗口中显示地址栏
resizable	yes,no	是否可通过拖动浏览器窗口的边框改变大小，默认为no
status	yes,no	窗口有无状态栏
fullscreen	yes,no	浏览器窗口是否最大化，仅限IE

7、关闭窗口，window.close

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