JS与网页互动的常用方式

[刘鑫婷]

JS与网页互动的常用方式有document.write()、alert消息对话框、confirm消息对话框、prompt消息对话框、window.open()及window.close()等。
一、 Document.write()方法
1、Document.write()方法可用于直接向HTML输出内容，也就是说它是一种直接在网页中输出内容的方法；
2、使用Document.write()方法的注意点：
（1）输出的内容要用双引号（“”）包括起来，即直接输出的内容是包括在双引号内的内容；
（2）它可以通过变量来输出内容；
（3）它可以输出多项内容，但在输出时，内容之间要用加号（+）连接起来；
（4）它还可以输出HTML标签，并让其起作用，但标签是要使用双引号包括起来的。
二、警告：alert消息对话框
1、alert消息对话框是一个在网页中弹出的，带有指定消息的，包括一个“确定”按钮的小窗口；alert消息对话框是按顺序弹出的。
2、alert消息对话框的语法：alert(字符串或者变量); 它是用来提示信息的。
3、使用alert消息对话框的的注意点：
（1）alert消息对话框通常是用来调试程序的；
（2）我们在点击对话框中的“确定”按钮之前，是不能够进行其他任何操作的；
（3）alert消息对话框的输出的内容可以是字符串或者是变量，与Document.write()方法相似。
三、确认：confirm消息对话框
1、confirm消息对话框是一个弹出的，带有指定消息的，且具有“确定”和“取消”两个按钮的小窗口；
2、confirm()方法的语法是confirm(str);它通常用于允许用户做选择的动作；
3、使用confirm消息对话框的注意点是：
（1）str表示要在对话框中显示的文本；
（2）我们可以通过返回值来判断用户点击了什么按钮；
（3）confirm()方法的返回值是Boolean值；当用户点击“确定”按钮时，返回true；当用户点击“取消”按钮时，返回false。
（4）对话框按钮的文字是不可改变的，因此我们在编写问题或消息时，要确保它适合用确认和取消来回答。
四、提问：prompt消息对话框
1、Prompt弹出消息对话框是一个包含“确定”按钮、“取消”按钮与一个文本输入框的小窗口。
2、Prompt消息对话框的语法是prompt(str1,str2);Prompt弹出消息对话框通常用于询问一些需要与用户交互的信息。
3、使用Prompt消息对话框的注意点是：
（1）str1表示要在对话框中显示的，不可修改的文本；
（2）str2表示文本框中的内容，它是可修改的；
（3）Prompt()方法的返回值是：当用户点击“确定”按钮时，则文本框中的内容将作为函数返回；当用户点击“取消”按钮时，则返回null。
五、window.open()
1、window.open()方法是打开一个新的浏览器窗口或查找一个已经命名的窗口；
2、window.open()方法的语法是window.open([URL],[窗口名称],[参数字符串]);
3、URL是可选参数，它表示的是在窗口中要显示网页的网址或路径。如果省略这个参数，或者它的值是空字符串，那么窗口就不显示任何文档。
4、窗口名称是可选参数，它表示的是被打开的窗口的名称。它的注意点是：
（1）该名称由字母、数字和下划线字符组成；
（2）”_top”、”_blank”、”_self”等是具有特殊意义的名称；其中：
（a）_blank表示的是在新窗口显示目标网页；
（b）_self表示的是在当前窗口显示目标网页；
（c）_top表示的是框架网页中在上部窗口中显示网页。
（3）具有相同name（名称）的窗口只能创建一个，要想创建多个窗口则name不能相同。
（4）name中不能包含有空格。
5、参数字符串是可选参数，它表示的是设置窗口参数，各参数用逗号隔开。它的参数如下图所示：

六、window.close()
1、close()方法是用于关闭浏览器窗口的方法；
2、window.close()方法的用法:
（1）关闭本窗口：window.close()或window.self.close()；
（2）关闭指定窗口：<窗口对象>.close();