首页  >  文章  >  web前端  >  JavaScript复习记录-关于输出的各种用法

JavaScript复习记录-关于输出的各种用法

php是最好的语言
php是最好的语言原创
2018-08-02 09:59:00973浏览

之前学习过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=&#39;white-space:pre&#39;>"+"  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("https://blog.csdn.net/bertZuo");    //将新打开的窗口对象存储在变量myWin中
myWin.close();    //关闭窗口

相关文章:
Javascript弹出窗口的各种方法总结_javascript技巧

相关视频:

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

以上是JavaScript复习记录-关于输出的各种用法的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn