JavaScript与页面的交互方式

前端的设计不仅是页面的布局设计，也还要有页面于用户的交流和提示
下面让我学习一下JavaScript与页面的交互的几种交互方式
（一）JavaScript­输出内容（document.write）
document.write() 可用于直接向 HTML 输出流写内容。简单的说就是直接在网页中输出内容

页面显示

布局

（二）JavaScript­.alert()警告消息对话框
（1）有一个“确定”的按钮。
（2）输出的内容可以是字符串，变量。


（三）确认（confirm() [kәnˈfɜ:rm] 消息对话框）
（1） confirm 消息对话框通常用于允许用户做选择的动作
（2） 有“确定”和“取消”按钮
（3） 语法：confirm(str); 参数说明 str:在消息对话框 中要显示的文本。
（4） 返回值：Boolean值。点击“确定”按钮，返回true,"取消"按钮，返回 false.


四）提问对话框prompt [prɑ:mpt]
（1）prompt弹出消息对话框，通常用于询问一些需要与用户交互的信息
（2）有“确定”和“取消”按钮
（3）语法：prompt(str1,str2);
参数说明：str1 要显示在消息对话框中的文本，不可以修改。
str2:文本框中的内容， 可以修改。
（5） 返回值：按“确定”按钮，文本框中的内容将作为函数返回值.按“取消”按钮，将返回null.


这几种的交互方式是可以相互嵌套使用的