JavaScript常见的的输出方式

简介: JavaScript常见的的输出方式1.通过弹窗的形式输出警告框window.alert("输出内容"); 1确认框window.confirm("确认信息的标题"); 1提示框window.prompt("提示框标题","默认输出内容"); 1以上三种方式的window可以省略。2.通过网页的内容区域形式输出documen.write("输出的内容"); 1注意:因为document.write()是直接向文档中添加内容,所以当js文件中使用了window.οnlοad=function(){}时,使用docum

JavaScript常见的的输出方式




1.通过弹窗的形式输出


警告框


window.alert("输出内容");


确认框


window.confirm("确认信息的标题");


提示框


window.prompt("提示框标题","默认输出内容");


以上三种方式的window可以省略。


2.通过网页的内容区域形式输出

documen.write("输出的内容");


注意:因为document.write()是直接向文档中添加内容,所以当js文件中使用了

window.οnlοad=function(){}时,使用document.write()会将页面中的内容覆盖,一般不推荐使用。


3.通过开发者工具控制台形式输出


console.log("要打印的内容");


此方式输出的内容在浏览器的控制台中被打印出来,一般此方法用于调试js文件,检测网页中bug出错的位置。


4.通过网页中的元素添加内容输出


//innerHTML  此方法可以在网页的标签中添加内容,内容中的标签可以被浏览器解析document.getElementById("box").innerHTML="<h1>要在标签中的内容</h1>";
//innerText  此方法同样可以在网页的标签中添加内容,但是添加的内容只会以纯文本形式被浏览器解析document.getElementById("box").innerText="要在标签中插入的文本内容";


讲解视频链接接:https://www.bilibili.com/video/BV1HT4y1u7eu/

相关文章
|
前端开发 JavaScript
初学JavaScript&输出语句
前端三大件分别为:HTML、CSS、JavaScript。其中最重要的当属JavaScript。 虽然现在开发通常使用框架,但是这些基础的才最重要的,就像一座高楼不能没有稳固的地基一样。打好基础,走遍天下都不怕。JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。 即JavaScript 是一种编程语言,主要参与构建 Web 前端应用。
初学JavaScript&输出语句
|
JavaScript 前端开发
【基础篇】JavaScript的4种代码调试输出方式
【基础篇】JavaScript的4种代码调试输出方式
184 0
【基础篇】JavaScript的4种代码调试输出方式
|
JavaScript 前端开发
JavaScript输出的两种方式
JavaScript输出的两种方式
|
存储 JavaScript 前端开发
web前端学习(三十二)——JavaScript语法、语句输出及注释的相关设置
web前端学习(三十二)——JavaScript语法、语句输出及注释的相关设置
web前端学习(三十二)——JavaScript语法、语句输出及注释的相关设置
|
JavaScript 前端开发
JavaScript用document.write()输出换行
JavaScript用document.write()输出换行
JavaScript用document.write()输出换行
|
JavaScript
JS:chalk控制台输出带有颜色的文字
JS:chalk控制台输出带有颜色的文字
173 0
|
JavaScript 前端开发
JavaScript 输出和对话框
JavaScript 输出和对话框
211 0
JavaScript 输出和对话框
|
JavaScript 前端开发 Perl
JavaScript面试题6:1.遍历数组的方式;2.连续bind()多次,输出的值;3.new fn与new fn()的区别
从报错信息来看,new Parent.num执行顺序是这样的:先执行Parent.num,此时返回结果为undefined;后执行new,因new后面必须跟构造函数,所以new undefined会报错。 new Parent().num相当于(new Parent()).num,所以结果返回1。
137 0
|
JavaScript 前端开发 索引
JavaScript——用法、输出
JavaScript——用法、输出
170 0
|
4月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
97 2