js基础知识整理之 —— 五种输出方式

最新推荐文章于 2023-03-19 15:54:04 发布
最新推荐文章于 2023-03-19 15:54:04 发布
阅读量1.2k 收藏 2
点赞数 4
分类专栏： js 文章标签： javascript 前端 js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39669919/article/details/126032910
版权

1)、alert：在浏览器中弹出框显示内容

alert("猴七大王")

alert括号里面的内容，就是浏览器弹出框内的文本
在这里插入图片描述

2）、console.log();最常用的一种方式 在控制台输出内容

console.log("猴七大王");

console.log在浏览器控制台输出内容，输出的内容就是括号包起来的内容
在这里插入图片描述
3）、document.write();在页面中输出显示我们的内容

document.write("现在是中午12点")

document.write在页面中输出显示内容
在这里插入图片描述
4)、value(只针对表单属性)
在这里插入图片描述

指针对input标签内容赋值
在这里插入图片描述
5）、innerHTML和innerText
在这里插入图片描述
在这里插入图片描述
innerHTML和innerText是给input标签以外的标签赋值
在这里插入图片描述
在这里插入图片描述
上图效果innetHTML可以，但和innerText不能正常显示 只能当作文本内容显示

innerHTML和innerText的区别是
innerHTML 它可以识别标签
在这里插入图片描述
innerText 它不能识别标签 （里面写的什么就显示什么）
在这里插入图片描述
innerText 在低版本火狐浏览器下是不兼容的 现在高级别的可以兼容

monkey-7
关注
专栏目录
最新Javascript 基础知识全总结(持续更新)
weixin_66092620的博客
04-17 9357
本人目前在黑马程序员培训,现将所学的知识整理出来,希望能帮到零基础的初学者,后续会持续更新~~~ 一,JavaScript 是什么 1, JavaScript 是什么 JavaScript 是一种运行在客户端（浏览器）的编程语言，实现人机交互效果 2, 作用 网页特效 (监听用户的一些行为让网页作出对应的反馈) 表单验证 (针对表单数据的合法性进行判断) 数据交互 (获取后台的数据, 渲染到前端) 服务端编程 (node.js) 3, JavaScript的组成 E...
Angularjs知识点整理(一)之——简介、指令介绍
艾夏SEO
12-10 480
简介 AngularJS 是一个为动态WEB应用设计的结构框架，提供给大家一种新的开发应用方式，这种方式可以让你扩展HTML的语法，以弥补在构建动态WEB应用时静态文本的不足，从而在web应用程序中使用HTML声明动态内容。AngularJS有五个主要核心特性，如下介绍： 双向数据绑定 —— 实现了把model与view完全绑定在一起，model变化，view也变化，反之亦然。模板 —— 在An
JS中常用的输出方式(五种)
security.blog.cndn.net
03-17 349
1、alert("要输出的内容"); ->在浏览器中弹出一个对话框,然后把要输出的内容展示出来 ->alert都是把要输出的内容首先转换为字符串然后在输出的 2、document.write("要输出的内容"); ->直接的在页面中展示输出的内容 3、console.log("要输出的内容"); ->在控制台输出内容 4、value ->给文本框(表...
各种形式文字输出js
10-08
各种形式文字输出js 下载后打开即可看到效果
JS输入输出语句
最新发布
m0_74175160的博客
03-19 824
另外需要特别注意的一点是，document. write.或 document.writeln 向 HTML. 文档写入内容时,会覆盖掉文档里面已经被渲染完成的元素，所以通常用这些方法来调试页面，在真实的网页使用中很少会使用中该方法向页面中输入内容，而是选择下面第3种方式。(4)使用 console. log()写入浏览器的控制台。在湖览器中(Chome、IE.Firefox) F12键启用调试模式，在调试窗口中单击“Consale(控制台) ”菜单即可。/*在JavaScript中，使用//或/* */
js输出方式
qq_64156125的博客
11-26 1011
属性寻找id值相同的 HTML 元素。innerHTML 属性定义替换 HTML 内容。结果为：显示一个按钮，点击触发事件，html文档流中会出现结果为11；请通过 F12 来激活浏览器控制台，并在菜单中选择“控制台”如需访问 HTML 元素，innerHTML需要配合。将删除所有已有的 HTML，上例表现为按钮消失。注意：在 HTML 文档完全加载后使用。结果为窗口弹窗为 11；能够使用警告框来显示数据。在浏览器中，您可使用。
知识梳理——JavaScript
wytraining
03-14 1385
1. 说说前端中的事件流 HTML中与javascript交互是通过事件驱动来实现的，例如鼠标点击事件onclick、页面的滚动事件onscroll等等，可以向文档或者文档中的元素添加事件侦听器来预订事件。想要知道这些事件是在什么时候进行调用的，就需要了解一下“事件流”的概念。 什么是事件流：事件流描述的是从页面中接收事件的顺序. DOM2级事件流包括下面几个阶段：事件捕获阶段、处于目标阶段、事件冒泡阶段 addEventListener：addEventListener 是DOM2 级事件新增的指定事件处
前端知识点总结——H5
web前端的发展
06-20 3433
前端知识点总结——H5 1.html5新特性 (1)新的语义标签 (2)增强型表单* (3)音频和视频 (4)Canvas绘图 (5)SVG绘图 (6)地理定位 (7)拖动API (8)Web Worker (9)Web Storage (10)Web Socket 2.增强型表单 1.新input type H4:text;checkbox;password;radio;submit;rese...
前端一面基础知识 ④——事件与DOM
qq_40597589的博客
09-28 333
前言     根据慕课网的《快速搞定前端技术一面 匹配大厂面试要求》课程所整理的题目，陆续更新。如果你觉得本文相关知识点你已经掌握，你可以查看我之前的相关文章哦 常考面试题 1.DOM是哪种数据结构？ DOM树，树结构 DOM本质是一棵树，是HTML解析出来的一棵树 2.DOM操作的常用API 此处只列举说明，不具体展示API用法，参考自JavaScript操作DOM常用的API，感兴趣的可以去看这篇文章学习具体用法 2.1 Node Element提供了对元素
JS——入门——输出内容（document.write）
qq_43201350的博客
05-16 316
<script type="text/javascript"> document.write("I love JavaScript！"); //内容用""括起来，""里的内容直接输出。 var mystr="hello"; document.write(mystr+"<br>");//输出hello后，输 </script>
js输出文件到本地
weixin_47047590的博客
08-26 2911
JS输出文件到本地本质上是使用node.js，这里我们采用fs模块，下面是fs的方法 1. const fs = require('fs'); //创建目录 fs.mkdir('./testDir', (err)=>{ if(err){ console.log(err); return; } console.log('创建目录完成') }) //创建文件并写入文件 fs.writeFile('./test.txt'
JavaScript中常用的5个输入输出函数
qq_52754410的博客
09-05 3668
这四个输入输出函数分别是：警告窗函数alert（），输出函数document.write(),提示对话函数prompt(),对话框confirm()函数。 1.警告窗函数alert（“所输出内容”）; alert()函数中换行用转义字符\n。 例：alert(“你好\nJavaScript”); 注：1.定义变量时字符串与变量之间用“+”连接 和2差不多将“+”后改为定义的变量名。 2.字符串和表达式之间用”+”加号连接。 alert(“2+3=”+(2+3)); ...
JS 的五种输入输出
weixin_45974687的博客
01-08 529
1.在页面弹出一个提示框 alert("hello world"); 2.在页面弹出一个输入框 prompt("请输入"); 3. 在控制台打印数据 这个是给开发人员看的 console.log("hello world"); 4.弹出确认框 默认有确认取消两个按钮 confirm("hello world"); 5.动态的向页面添加内容 用的很少 document.write...
javascript(1):HelloWorld (js输出文字的三种方式）
半个脑子的博客
04-12 7010
在javascript中： 1.在控制台中，输出内容： console.log("Hello World"); 2.在文档中输出内容： document.write("Hello World"); 3.警告框中弹出内容： alert("Hello World"); 总结：三种方法各有不同，根据学习经验其中的1，3大多用来测试js代码。2的话很少用 ps:此为个人学习笔记，如果有不对的地方，或...
js 导出文件
zhang_xiao_lun的专栏
12-06 546
function downloadFile(fileName, content){     var aLink = document.createElement('a');     var blob = new Blob([content]);     var evt = document.createEvent("HTMLEvents");     evt.initEvent
js代码输出文件下的资源目录
l1134的博客
07-26 760
js代码输入文件下资源目录
JS常用的输出内容的方式详解（5种输出方式）
阿酷tony
01-17 3987
1、alert("要输出的内容"); ->在浏览器中弹出一个对话框,然后把要输出的内容展示出来 ->alert都是把要输出的内容首先转换为字符串然后在输出的 2、document.write("要输出的内容"); ->直接的在页面中展示输出的内容 3、console.log("要输出的内容"); ->在控制台输出内容 4、value ->给文本框(表...
掌握JavaScript调试新利器——jsdebug.js
从文件信息中可以提取到以下知识点： 1. JavaScript调试工具 文件标题 "Debug_js.rar" 暗示了这是一个与JavaScript调试相关的压缩包文件，其中包含名为"jsdebug"的调试工具。JavaScript是运行在浏览器中的编程语言...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值