Rumah > hujung hadapan web > tutorial js > JavaScript复习记录-关于输出的各种用法

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

php是最好的语言
Lepaskan: 2018-08-02 09:59:00
asal
1023 orang telah melayarinya

之前学习过JS中关于输出的内容,现在又翻过来看看竟然很陌生,因此以防备忘,还是写下来最加深印象,以后复习起来也容易的多。

1、输出内容document.write

doucument.write()可用于直接向HTML输出流写内容,直接在网页中输出内容。

(1)输出内容用 “ ” 直接括起来。

document.write("Hello World!");
Salin selepas log masuk

(2)通过变量输出内容。

var myVar="Hello World!";
document.write(myVar);
Salin selepas log masuk

(3)输出多项内容,在内容间用+号连接。

var myVar="Hello";
document.write(myVar + "World!");
Salin selepas log masuk

(4)输出HTML标签,标签用 “ ” 括起来。

var myVar="Hello World!";
document.write(myVar + "</br>");
Salin selepas log masuk

2、输出空格

因为浏览器显示机制,对手动敲入的空格,会将连续多个空格显示成一个空格。

(1)用输出HTMl标签 来解决。

document.write("  "+"1"+"   "+"23");
//输出结果:  1   23
Salin selepas log masuk

(2)用CSS样式来解决。

document.write("<span style=&#39;white-space:pre&#39;>"+"  1   23"+"</span>");
//输出结果:  1   23
Salin selepas log masuk

3、警告,alert消息对话框

再点击对话框“确定”按钮之前,不能进行任何其他操作,消息对话框通常可以用于调试程序。alert输出内容,可以是字符串或变量,与document.write相似。

4、确认,confirm消息对话框

confirm消息对话框常用于容许用户做选择的动作。语法:confirm(str); 其中str为在消息对话框中要显示的文本,返回值为Boolean值。

var myMessage=confirm("你想学习吗?");
if(myMessage==true){
    document.write("想的,好好学习。");
}
else{
    document.write("不,你想!");
}
Salin selepas log masuk

note:用户在点击对话框按钮之前,无法进行其他操作。

5、提问,prompt消息对话框

prompt弹出消息对话框,通常用于询问一些需要与用户交互的消息。prompt消息对话框中包括一个确定按钮,取消按钮和一个文本输入框。语法:prompt(str1,str2); 其中str1为要显示在消息对话框中的文本,不可修改,str2为文本框中内容,可以修改。

var myName=prompt("请输入您的大名:");
if(myName!=Null){
    alert("Hello "+myName);
}
else{
    alert("Hello my friend.");
}
Salin selepas log masuk

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();    //关闭窗口
Salin selepas log masuk

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

相关视频:

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

Atas ialah kandungan terperinci JavaScript复习记录-关于输出的各种用法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan