每天一点JavaScript-02

1.输出内容

document.write();// 用于直接向HTML输出流写内容，即直接在网页中输出内容

• 直接输出""内的内容
• 通过变量，输出内容
• 输出多项内容，内容之间用+连接
• 输出HTML标签，并起作用，标签使用""括起来

document.write(mystr+"hello");

JS输出空格
问题：在输出内容的任何位置有多少个空格，显示的结果只有一个空格
原因：浏览器的显示机制，对手动敲入的空格，将连续的多个空格只显示成一个空格
解决方法：
1.使用输出html标签

 document.write("  "+"1"+"   "+"23");

2.使用CSS样式

document.write(""+"   1     2         3"+"");

white-space:pre;样式属性，表示“空白会被浏览器保留”

2.alert（警告）

alert(字符串或变量);

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

3.confirm（确认）

通常用于允许用户做选择的动作，对话框包括一个确定按钮和一个取消按钮
confirm(str);
参数说明：
str:在消息对话框中要显示的文本
返回值：Boolean值

• 点击确定按钮，返回true
• 点击取消按钮，返回false
  通过返回值，判断用户点击什么按钮
  消息对话框排它，即用户在点击对话框按钮之前，不能进行其他操作

4.提问（prompt）

prompt通常用于询问需要与用户交互的信息，对话框包含一个确定按钮、取消按钮和一个文本输入框
prompt(str1,str2);
参数说明：

• str1:要显示在消息对话框中的文本，不可修改
• str2:文本框中的内容，可以修改
  返回值：
  确定，文本框中的内容为函数返回值
  取消，返回null
  在用户点击对话框的按钮之前，不能进行其它任何操作

5.window.open（打开新窗口）

open()方法可查找一个已经存在或新建的浏览器窗口
window.open([URL],[窗口名称],[参数字符串])

参数说明：

• URL：可选参数，在窗口中要显示网页的网址或者路径。
  若省略该参，或值为空字符串，则窗口不显示任何文档
• 窗口名称：可选参数，被打开窗口的名称

1.该名称由字母、数字和下划线字符组成
2._top、_blank、_selft具有特殊意义
_top：框架网页中在上部窗口中显示目标网页
_blank：在新窗口显示目标网页
_selft：在当前窗口显示目标网页
3.相同name的窗口只能创建一个，想创建多个窗口则name不同
4.name不能含有空格

• 参数字符串：可选参数，设置窗口参数，各参数用逗号隔开

参数表

例子：

运行结果需要考虑浏览器的兼容问题
注意：
在open后的括号里所有的参数都是用单引号 ' '

6.window.close（关闭窗口）

window.close(); //关闭本窗口
或
<窗口对象>.close(); //关闭指定窗口

例子：

上述代码在打开新窗口的同时，关闭该窗口，看不到被打开的窗口

7.实战

1. 新窗口打开时弹出确认框，是否打开
   **提示: **使用 if 判断确认框是否点击了确定，如点击弹出输入对话框，否则无操作。
2. 通过输入对话框，确定打开的网址，默认为 http：//www.baidu.com/
3. 打开的窗口要求，宽400像素，高500像素，无菜单栏、无工具栏。

本人代码：

代码错误总结：

1. 关于编程思想，流程问题。本题要求先确认，而我的想法是先打开窗口。这与编程少有关。
2. 对于变量的使用。
   var conf=confirm("是否打开新窗口？")
   这句中变量conf保存的是confirm的返回值，true或false。
   var nameURL = prompt('Please enter the url:','http://www.imooc.com/');
   这句中变量nameURL保存的是prompt的返回值，确定按钮→文本框中的内容作为返回值，取消按钮→null

示例代码：