- 输出内容(document.write)
document.write()
函数可用于直接向HTML输出流写内容
<script type="text/javascript">
document.write("hello");
document.getElementById("p1").style.color="blue";
</script>
2. 警告(alert消息对话框)
<script type="text/javascript">
var mynum = 30;
alert("hello!");
alert(mynum);
</script>
3. 确定(confirm消息对话框)
confirm消息对话框通常用于允许用户做选择的动作,如:“你对吗?”等。弹出对话框(包括一个确定按钮和一个取消按钮)。
语法:
confirm(str);
参数:
str:在消息对话框中要显示的文本
返回值:Boolean值
返回值:
当用户点击"确定"按钮时,返回true
当用户点击"取消"按钮时,返回false
示例代码:
<script type="text/javascript">
var mymessage=confirm("你喜欢JavaScript吗?");
if(mymessage==true)
{ document.write("很好,加油!"); }
else
{ document.write("JS功能强大,要学习噢!"); }
</script>
4. 提问(prompt消息对话框)
prompt 弹出消息对话框,通常用于询问一些需要和用户交互的信息。弹出对话框(包含一个确定按钮、一个取消按钮与一个文本输入框)。
语法:
prompt(str1, str2);
参数说明:
str1:要显示在消息对话框里的文本,不可省略
str2:输入文本框中的提示文本,可省略
返回值:
- 点击确定按钮,文本框中的内容将作为函数返回值
- 点击取消按钮,将返回null
示例代码:
var myname = prompt("请输入你的名字:");
if() {
alert("Hello"+myname);
}else {
alert("Hello my friend");
}
5. 打开新窗口(window.open) [参考](https://developer.mozilla.org/zh-CN/docs/Web/API/Window/open)
`open()` 方法可以查找一个已存在或新建的浏览器窗口。
语法:
window.open([URL], [name], [参数字符串]);
参数说明:
URL:可选参数,声明了要在窗口中显示的网页的URL。它可以是web上的HTML页面也可以是图片文件或者其他任何浏览器支持的文件格式。如果省略这个参数,或者它的值是空字符串;那么窗口将不现实任何文档。
name:可选参数,表示被打开窗口的名称。
1. 该名称由字母、数字和下划线字符组成。
2. "top"、"blank"和"_self"具有特殊含义。
* _top:框架网页中在上部窗口中显示目标网页
* _blank:在新窗口中显示目标网页。
* _selft:在当前窗口显示目标网页。
3. 相同name的窗口只能创建一个。要想创建多个窗口,name必须不同。
4. name不能包含有空格。
参数字符串:可选参数,设置窗口参数,各参数用逗号隔开。
例如:打开 http://www.imooc.com 网站,大小为300px*200px,无菜单,无工具栏,无状态栏,有滚动条窗口:
<script type="text/javascript">
window.open('http://www.imooc.com', '_blank', 'width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes')
</script>
注意:运行结果考虑浏览器兼容问题。
6. 关闭窗口(window.close)[参考](https://developer.mozilla.org/zh-CN/docs/Web/API/Window/close)
`close()` 关闭窗口。
语法:
window.close(); //关闭窗口
或者:
<窗口名称>.close(); //关闭指定的窗口
例如,关闭新建的窗口:
<script type="text/javascript">
var mywin=window.open('http://www.imooc.com'); //将新打的窗口对象,存储在变量mywin中
mywin.close();
</script>
注意:上面的代码在打开新窗口的同时,关闭该窗口,看不到被打开的窗口。