JavaScript入门（二）

常用交互函数

（1）document.write()

该函数可以直接用于在网页上输出内容，输出方式有2种：

• 直接输出

<script type="text/javascript">  document.write("Hello World！"); //内容用""括起来，""里的内容直接输出</script>

• 利用变量输出内容

<script type="text/javascript">  var mystr="Hello World!";  document.write(mystr);  //直接写变量名，输出变量存储的内容</script>

当输出多项内容时，该函数可简单地借助“+”来完成。

<script type="text/javascript">  var mystr1="Hello";  var mystr2="World";  document.write(mystr1 + mystr2); //多项内容之间用+号连接</script>

（2）alert()

我们在访问网站的时候，有时会突然弹出一个小窗口，上面写着一段提示信息文字。如果你不点击“确定”，就不能对网页做任何操作，这个小窗口就是使用alert实现的。语法为：

alert(字符串或者变量)；

（3）confirm()

confirm 消息对话框通常用于允许用户做选择的动作，如：“你对吗？”，弹出对话框(包括一个确定按钮和一个取消按钮)。语法为：

confirm(str);

其中str为在消息对话框中要显示的文本，该函数返回值为boolean值，当用户点击”确定”按钮时，返回true
当用户点击”取消”按钮时，返回false。

<script type="text/javascript">  function rec(){    var mymessage= confirm("你是女士吗？")        ;    if(mymessage==true)    {        document.write("你是女士!");    }    else    {        document.write("你是男士!");    }  }      </script>

（3）prompt()

该函数弹出消息对话框，通常用于询问一些需要与用户交互的信息。弹出消息对话框（包含一个确定按钮、取消按钮与一个文本输入框）。语法为：

prompt(str1,str2);

其中str1为显示在消息对话框中的文本，不可更改；str2为文本输入框中的内容，可以更改。用户点击确认按钮，文本输入框中的内容将作为返回值返回；用户点击取消按钮，返回值为null。

function rec(){    var score; //score变量，用来存储用户输入的成绩值。    score = prompt("请输入你的成绩：");    if(score>=90)    {       document.write("你很棒!");    }    else if(score>=75)    {       document.write("不错吆!");    }    else if(score>=60)    {       document.write("要加油!");    }    else    {       document.write("要努力了!");    }  }  </script>

（4）window.open()

该函数可以查找或者新建一个浏览器窗口。语法为：

window.open(url,窗口名称，参数字符串);

参数说明：

• URL：可选参数，在窗口中要显示网页的网址或路径。如果省略这个参数，或者它的值是空字符串，那么窗口就不显示任何文档。

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

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

<script type="text/javascript">function Wopen(){      window.open('http://www.imooc.com','_blank','width=600px,height=400px,top= 100px,left =0'); } //注意''的位置</script>

和window.open()对应的函数window.close()可以用于关闭本窗口。