笔记1-------JavaScript输出

最新推荐文章于 2025-04-21 09:36:44 发布
原创 最新推荐文章于 2025-04-21 09:36:44 发布 · 334 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript输出

本文详细介绍了JavaScript中四种常见的输出方式：使用window.alert()弹出警告框; 使用document.write()方法将内容写入到HTML文档中; 使用innerHTML写入到HTML元素; 使用console.log()写入到浏览器的控制台。通过实例演示了每种方法的应用场景。

JavaScript没有任何打印或输出的函数；

JavaScript通过以下方式输出显示：

方法一：使用window.alert()弹出警告框;

方法二：使用document.write()方法将内容写入到HTML文档中;

方法三：使用innerHTML写入到HTML元素；

方法四：使用console.log()写入到浏览器的控制台;

案例如下：

 

 

 

运行结果 ：

 

小白JavaScript学习笔记----JavaScript基础
weixin_51877011的博客
04-06 1923
小白JavaScript学习笔记1. JavaScript （是什么？是一种运行在客户端（浏览器）的编程语言，实现人机交互效果。2. 作用（做什么？– 网页特效 (监听用户的一些行为让网页作出对应的反馈)– 表单验证 (针对表单数据的合法性进行判断)– 数据交互 (获取后台的数据, 渲染到前端)– 服务端编程 (node.js)node.js运行表3. JavaScript的组成（有什么？规定了js基础语法核心知识。比如：变量、分支语句、循环语句、对象等等。
Power Apps 学习笔记 -- Action
psudd的博客
03-11 923
Power Apps 学习笔记 -- Action
JavaScript-内置对象-笔记
编程在手天下我有的博客
01-10 1085
Math对象 Date对象 日期对象案例--补零操作 时间戳 数组对象的删除和排序 String 对象
前端笔记-JavaScript（下）
最新发布
MrsBaek的博客
04-21 1024
XHR（XMLHttpRequest），是浏览器提供的JavaScript API，用于在不刷新页面的情况下与服务器交互数据（如获取、提交数据）。它是Ajax技术的核心，现代开发中fetch和axios等工具的前身。学习xhr之前你需要了解​HTML & CSS 基础​（了解网页结构）​JavaScript 基础​（变量、函数、事件、DOM 操作）​异步编程概念​（回调函数、Promise）​HTTP 协议基础​（GET/POST 请求、状态码、请求头/响应头）​JSON 数据格式。
kafka管理工具之kafka-ui的环境搭建笔记
IT布道
09-11 6806
kafka-ui是一款管理kafka的工具，基于web的模式，一款优秀的开源项目。本文是在搭建kafka-ui的本地环境时，遇到的各种问题，现将其解决办法记录于此。
IDEA的安装与使用学习笔记（尚硅谷----宋红康老师）
m0_52574098的博客
08-12 3783
2022.1.2版本的IDEA的安装和基本配置、IDEA中常用快捷键、IDEA中的基本debug调试、创建动态web工程和配置Tomcat服务器、创建Maven Java工程、关联数据库的基本操作和IDEA总常用的插件
art-template的模板渲染
weixin_43584356的博客
11-02 2216
art-template的模板渲染关于art-template的模板渲染方式参考官网：[link](https://github.com/aui/art-template).优点：基础的数据渲染判断的语法条件判断循环遍历调用自定义方法调用子模板关于template.js的方式 关于art-template的模板渲染方式 参考官网：link. 优点： 1.基础数据渲染 2.输出HTML 3.流...
[JS]学习笔记2 -- JAVAScript数据类型
m0_71291382的博客
06-05 1374
对JavaScript的常量+数据类型及对数据类型进行处理的一些整理
JavaScript学习笔记 04-js输入输出语句
m0_74282485的博客
12-21 234
【代码】JavaScript学习笔记 04-js输入输出语句
ChengKeJ#ChengKeJ.github.io#2016-05-05-javascript入门笔记4-数组1
07-25
1.数组 1.创建的新数组是空数组，没有值，如输出，则显示undefined 2.虽然创建数组时，指定了长度，但实际上数组都是变长的，也就是说即使指定了长度为8
JavaScript学习笔记--常用的互动方法
10-20
例如，使用document.write()输出一个固定的字符串："I love JavaScript!"。代码如下： ```javascript document.write("I love JavaScript!"); ``` 此外，我们还可以通过变量来输出内容。先声明一个变量，将需要输出...
精选资源
JavaScript-学习笔记.pdf
08-04
以上是JavaScript学习笔记中提到的一些核心知识点，通过对这些知识点的理解和熟练应用，可以为进一步学习和掌握JavaScript打下坚实的基础。在实际开发过程中，结合具体的项目需求，这些知识会得到更深入的拓展和应用...
javascript 教程-学习笔记.docx
02-01
### JavaScript 教程知识点概述 #### 一、JavaScript 基础语法介绍 **1.1 双标签引入外部 JS 文件** 在 HTML 中，我们可以通过 `<script>` 标签来引入外部的 JavaScript 文件。例如： ```html ...
parseInt("X8X8")+parseFloat("8");
热门推荐
时光的博客
09-19 9万+
parseInt("X8X8"); NaN parseInt("X8X8")+parseFloat("8"); NaN var sg=parseInt("X8X8")+parseFloat("8"); console.log(sg); parseFloat("8"); 8 NaN+8; NaN  
Uncaught TypeError: document.getElementsById is not a function
时光的博客
09-16 2万+
 document.write和innerHTML的区别 1.innerHTML &lt;p&gt;标题：写在时光里的旧故事&lt;/p&gt; &lt;div id="sg"&gt;你好，时光&lt;/div&gt; &lt;script&gt; window.onload = function(){ var ff=document.getElementById("sg&quo
innerHTML和outerHTML区别
时光的博客
09-16 2万+
 1.innerHTML &lt;body&gt; &lt;p&gt;你好&lt;/p&gt; &lt;div id="test"&gt;&lt;h5&gt;就是喜欢你&lt;/h5&gt;&lt;/div&gt; &lt;script type="text/javascript"&gt; var hj=document
在JavaScript中NaN为什么不等于NaN
时光的博客
09-19 1万+
NaN ，即非数值（Not a Number）是一个特殊的数值，这个数值用于表示一个本来要返回数值的操作数未返回数值的情况（这样就不会抛出错误了）。任何与NaN进行运算的结果均会为NaN,NaN与自身不相等（NaN不与任何值相等）。 NaN 属性是代表非数字值的特殊值。该属性用于指示某个值不是数字 NaN=NaN; NaN NaN==NaN; false NaN===NaN; false...
产生5个不同的1-10之间的随机数
时光的博客
09-19 7311
  定义和用法 splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。 push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。 1.输出5个、不同的随机数  var str=''; var arr=[]; for(i=0;i&lt;5;i++){     str = Math.round( Math.random()*10 );     for(...
利用正则表达式去掉字符串的前后空格
时光的博客
12-14 4766
function Sgzfv(str) { return str.replace(/(^\s*)|(\s*$)/g, ""); } 注意： /  /  表示正则表达式的形式； g  表示进行全局匹配； ^ 表示开始，$表示结尾； \s 匹配空格； * 表示头部或尾部不止一个空...
remark-squeeze-paragraphs：优化笔记，自动删除空段落插件
- **remark**: 这里提到的`remark`是一个流行的JavaScript Markdown处理器，它允许开发者分析、修改、或者输出Markdown文本。`remark`采用了插件化的架构，这使得它可以根据需要扩展各种功能。 - **插件**: 在本...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值