视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
JavaScript复习记录-关于输出的各种用法
2020-11-27 19:32:56 责编:小采
文档


之前学习过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 窗口有无状态栏
7、关闭窗口,window.close
var myWin=window.open("

相关视频:

JavaScript基本语法及基本语句视频教程

下载本文
显示全文
专题