JS常用的输出内容的方式详解（5种输出方式）

最新推荐文章于 2024-09-27 11:27:22 发布
最新推荐文章于 2024-09-27 11:27:22 发布
阅读量3.9k 收藏 12
点赞数 1
分类专栏： html5 文章存档 文章标签： js输出 js输出方法
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ffffffff8/article/details/104023260
版权

1、alert("要输出的内容");

->在浏览器中弹出一个对话框,然后把要输出的内容展示出来 

->alert都是把要输出的内容首先转换为字符串然后在输出的

2、document.write("要输出的内容"); 

->直接的在页面中展示输出的内容

3、console.log("要输出的内容");

->在控制台输出内容

4、value ->给文本框(表单元素)赋值内容

->获取文本框中(表单元素)的内容

document.getElementById("search").value = "要给#search这个文本框添加的内容";

5、innerHTML/innerText ->给除了表单元素的标签赋值内容

document.getElementById("div1").innerHTML = "you need walk"; 
document.getElementById("div1").innerText = "you need walk and run";

 

我的原创文章：

阿酷tony
关注
专栏目录
用JS的五种导出方式
10-14
js导出页面表格的方式。
js控制台输出的方法(详解)
11-26
JavaScript是一种广泛用于网页和网络应用的编程语言，其在开发过程中，控制台输出是一个非常重要的调试工具。本文将深入探讨JavaScript中的控制台输出方法，帮助开发者更好地理解和利用这些功能。 首先，`console....
JS的输出方式
杜鲁阳的博客
11-26 1389
JS的输出方式： JavaScript 可以通过不同的方式来输出数据，显示数据 alert(“要输出的内容”); window.alert();window可省略不写 在浏览器中弹出一个弹出框，将“要输出的内容”展示出来 效果图： document.write（“要输出的内容”）; 直接在页面中展示“要输出的内容” 效果图： console.log（“要输出的内容”）; 在控制台输出“...
前端——js数据类型
最新发布
qq_53256193的博客
09-27 774
NaN是特殊的值 它的类型是数值类型 表示一个损坏的数值 (通常出现在 不能转换为数字的数值 运算时产生 比如 0 / 0)// 讲布尔值 转为数字 false 返回 0 true返回 1。// 除了加+ 以外的运算符 比如 - / * 都会把数据 转为数字类型。// 1 小于 0 结果假的 false。console.log(isFinite('大家好'));
JavaScript输出方式
qq_41343536的博客
07-27 314
JavaScript输出方式 JavaScript 可以通过不同的方式来输出数据： 1. 使用 window.alert() 弹出警告框。 2. 使用 document.write() 方法将内容写到 HTML 文档中。 3. 使用 innerHTML 写入到 HTML 元素。 4. 使用 console.log() 写入到浏览器的控制台。 ...
JS中常用的输出方式(五种)
qq_36454619的博客
12-16 282
1、alert("要输出的内容"); ->在浏览器中弹出一个对话框,然后把要输出的内容展示出来 ->alert都是把要输出的内容首先转换为字符串然后在输出的 2、document.write("要输出的内容"); ->直接的在页面中展示输出的内容 3、console.log("要输出的内容"); ->在控制台输出内容 4、value ->给文本框(...
JavaScript向页面输出内容的四种方法
热门推荐
默茉的博客
04-22 3万+
javascript可以通过不同的方式来输出数据 1.使用window.alert()输出警告框 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>弹出框</title> </head> <script> aler...
JavaScript中的继承方式详解
10-24
在JavaScript中，继承主要通过两种方式实现：原型链继承和类式继承。这两种方式并不是孤立存在的，它们经常被组合使用以达到更灵活的继承效果。 首先，我们需要理解继承的概念。在JavaScript中，继承允许一个对象...
JSP入门：客户端验证、输出方式与JSTL详解
在本篇JSP入门教程中，主要关注三个核心主题：客户端验证、常用输出方式以及JSTL基本用法。首先，客户端验证是确保用户输入有效的重要环节，通过在JSP页面中嵌入JavaScript代码，开发者可以实现实时验证。例如，通过...
JS几种不同的输出方式
月_YUE的博客
07-16 598
JS中不同的输出方式 1.弹窗方式输出 window.alert('弹窗方式输出'); 弹窗方式显示是一种阻断式的输出方式，只有点击确定按钮，才能继续该语句下面的内容 以“alert（）”方式弹窗的效果，只有一个确定按钮，一般情况下是用来给用户提示的 2.控制台输出 console.log('控制台输出'); console.warn('这是一个警告！'); console.error('这是一个错误！'); 一般情况下用于开发人员调试 3.向body中输出一个内容 document.write('bo
各种形式文字输出js
10-08
各种形式文字输出js 下载后打开即可看到效果
JavaScript 输出消息的几种方式
weitaming1的博客
08-29 494
转载：https://blog.csdn.net/cym_bj/article/details/55096151   1，window.alert() 在页面弹出一个对话框。早期js调试使用。(其中window可以省略) 2、confirm()在页面弹出一个对话框。多一个取消按钮 3、console.log()将信息输入到控制台。用于js调试      console.error() 打...
javascript三种输出方式
shaonian1996
02-10 3216
javascript三种输出方式1):使用window.alert()弹出警告框。2):使用document.write()方法将内容写到html文档中。3):使用console.log()写入到浏览器的控制台。1  使用弹出警告框通过alert()方法输入数据，代码如下：window.onload=function(){ alert('弹出警告框'); }效果： 2 直接写入到html文档中通...
js 如何输出object的值
weixin_30814223的博客
02-10 953
一个 object 对象，格式一般是这样的：{key:value,key2:value,key3:value} 一般要输出某个值，常用做法 alert (object.key) 如果要查看这个 object 的话，常用做法 console.log(object) 但是！如果要输出一个 object 对象的话，的确有点尴尬，这就需要把 object 类型 转...
JS三种输出方式
qq_40844092的博客
03-22 1039
JavaScript复习 这是javaScript内容。
JS的输出的三种方式
weixin_47325706的博客
04-07 2279
1.alert（‘输出的内容’） 在浏览器中弹出一个对话框，展示想要输出的内容，例如： alert('你好啊JavaScript') 2.document.write('输出的内容') 直接在页面输出内容，例如： document.write('你好啊JavaScript') 3.console.log('输出的内容') 在控制台输出内容，例如： console.log('你好啊JavaScript') ...
JavaScript操作表单元素
pan_junbiao的博客
08-07 1487
表单元素在HTML页面中起着非常重要的作用，是用户与网页交互信息的重要手段。下面将介绍一些常用的使用JavaScript操作表单元素的方法。 1、表单（form） 1.1 使用JavaScript脚本提交form表单 //提交表单 myForm.method = 'POST'; myForm.action = "action.html"; myForm.submit(); 1.2使用J...
js输出列表
weixin_30293135的博客
09-10 406
数据库用UTF-8，现有系统用gb2312, 用<script>echo_script(url);</script> <script>function echo_script(url){ var USERAGENT = navigator.userAgent.toLowerCase();var bname = '';var b = [...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值