之前学习过JS中关于输出的内容,现在又翻过来看看竟然很陌生,因此以防备忘,还是写下来最加深印象,以后复习起来也容易的多。
1、输出内容document.write
doucument.write()可用于直接向HTML输出流写内容,直接在网页中输出内容。
(1)输出内容用 “ ” 直接括起来。
document.write("Hello World!");
(2)通过变量输出内容。
var myVar="Hello World!"; document.write(myVar);
(3)输出多项内容,在内容间用+号连接。
var myVar="Hello"; document.write(myVar + "World!");
(4)输出HTML标签,标签用 “ ” 括起来。
var myVar="Hello World!"; document.write(myVar + "</br>");
2、输出空格
因为浏览器显示机制,对手动敲入的空格,会将连续多个空格显示成一个空格。
(1)用输出HTMl标签 来解决。
document.write(" "+"1"+" "+"23"); //输出结果: 1 23
(2)用CSS样式来解决。
document.write("<span style='white-space:pre'>"+" 1 23"+"</span>"); //输出结果: 1 23
3、警告,alert消息对话框
再点击对话框“确定”按钮之前,不能进行任何其他操作,消息对话框通常可以用于调试程序。alert输出内容,可以是字符串或变量,与document.write相似。
4、确认,confirm消息对话框
confirm消息对话框常用于容许用户做选择的动作。语法:confirm(str); 其中str为在消息对话框中要显示的文本,返回值为Boolean值。
var myMessage=confirm("你想学习吗?"); if(myMessage==true){ document.write("想的,好好学习。"); } else{ document.write("不,你想!"); }
note:用户在点击对话框按钮之前,无法进行其他操作。
5、提问,prompt消息对话框
prompt弹出消息对话框,通常用于询问一些需要与用户交互的消息。prompt消息对话框中包括一个确定按钮,取消按钮和一个文本输入框。语法:prompt(str1,str2); 其中str1为要显示在消息对话框中的文本,不可修改,str2为文本框中内容,可以修改。
var myName=prompt("请输入您的大名:"); if(myName!=Null){ alert("Hello "+myName); } else{ alert("Hello my friend."); }
6、打开新窗口,window.open
open()方法可查找一个已存在或新建的浏览器窗口。语法:window.open([URL],[窗口名],[参数字符串]);其中,
URL:可选参数,在窗口中要显示网页的网址或路径,若省略或这个参数值为空字符串,则窗口就不显示文档。
窗口名:名称由字母,数字和 _ 组成。有特殊意义的名称:_blank,在新窗口显示目标网页;_self,在当前窗口显示目标网页;_top,框架网页中在上部窗口中显示目标网页。不同窗口需要不同name,name中不能存在空格。
参数字符串:
参数 | 值 | 说明 |
top | Number | 窗口顶部离开屏幕顶部的像素数 |
left | Number | 窗口左端离开屏幕左端的像素数 |
width | Number | 窗口宽度 |
height | Number | 窗口高度 |
menubar | yes,no | 窗口有无菜单 |
toolbar | yes,no | 窗口有无工具条 |
scrollbars | yes,no | 窗口有无滚动条 |
status | yes,no | 窗口有无状态栏 |
var myWin=window.open("https://blog.csdn.net/bertZuo"); //将新打开的窗口对象存储在变量myWin中 myWin.close(); //关闭窗口
相关文章:
Javascript弹出窗口的各种方法总结_javascript技巧
相关视频:
以上是JavaScript复习记录-关于输出的各种用法的详细内容。更多信息请关注PHP中文网其他相关文章!