JavaScript 输出
JavaScript 输出
JavaScript 没有任何打印或者输出的函数。
在 HTML 中, JavaScript 通常用于操作 HTML 元素。
操作 HTML 元素
如需从 JavaScript 访问某个 HTML 元素,您可以使用 document.getElementById(id) 方法。
请使用 "id" 属性来标识 HTML 元素,并 innerHTML 来获取或插入元素内容:
实例
<!DOCTYPE html> <html> <body><h1>我的第一个 Web 页面</h1><p id="demo">我的第一个段落</p><script> document.getElementById("demo").innerHTML = "段落已修改。"; </script></body> </html>
以上 JavaScript 语句(在 <script> 标签中)可以在 web 浏览器中执行:
document.getElementById("demo") 是使用 id 属性来查找 HTML 元素的 JavaScript 代码 。
innerHTML = "Paragraph changed." 是用于修改元素的 HTML 内容(innerHTML)的 JavaScript 代码。
我们将使用上面描述的方法来输出:
下面的例子直接把 id="demo" 的 <p> 元素写到 HTML 文档输出中:
写到 HTML 文档
出于测试目的,您可以将JavaScript直接写在HTML 文档中:
实例
<!DOCTYPE html> <html> <body><h1>我的第一个 Web 页面</h1><p>我的第一个段落。</p><script> document.write(Date()); </script></body> </html>
请使用 document.write() 仅仅向文档输出写内容。
如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖。
实例
<!DOCTYPE html> <html> <body><h1>我的第一个 Web 页面</h1><p>我的第一个段落。</p><button οnclick="myFunction()">点我</button><script> function myFunction() {document.write(Date()); } </script></body> </html>
写到控制台
如果您的浏览器支持调试,你可以使用 console.log() 方法在浏览器中显示 JavaScript 值。
浏览器中使用 F12 来启用调试模式, 在调试窗口中点击 "Console" 菜单。
实例
<!DOCTYPE html> <html> <body><h1>我的第一个 Web 页面</h1><script> a = 5; b = 6; c = a + b; console.log(c); </script></body> </html>
JavaScript 输出相关推荐
- 弹出窗口显示输出内容_前端加油站(3)-JavaScript 输出
一些想入行IT的小伙伴,对一些IT基础知识方面的都不是很了解,在接下来的一段时间里,L君会慢慢的跟大家分享一些关于IT专业方向的知识. 大家抓紧时间上车了!这是一趟开往知识海洋的火车~~~ JavaS ...
- JavaScript输出菱形
1.JavaScript输出正向三角形 function printSuqare(row){for(let i=1;i<=row;i++){let str = '';for(let j=0;j& ...
- js中输出html代码怎么写,JavaScript输出语句
JavaScript输出语句 JavaScript 可以通过不同的方式来输出数据: 使用 window.alert() 弹出警告框. 使用 document.write() 方法将内容写到 HTML ...
- JavaScript输出杨辉三角形
JavaScript输出杨辉三角形 杨辉三角形的特点和规律 代码如下: 结果 杨辉三角形的特点和规律 起始行为第0行,第N行为N+1个数 从 N >= 2行开始,每一行的数值(不包含两边的数值) ...
- 利用Javascript输出多个图片
利用Javascript输出多个图片 如果不利用Js输出图片的话,利用HTML+CSS输出多个图片非常麻烦的,工作量庞大. 建议遇到有必要多个输出的图片,使用js是最好的方法. <script& ...
- js控制html输出,JavaScript 输出
JavaScript 输出 JavaScript 通常用于操作 HTML 元素. 操作 HTML 元素 如需从 JavaScript 访问某个 HTML 元素,您可以使用 document.getEl ...
- JavaScript基本使用、JavaScript 输出
JavaScript是一种跨平台的脚本语言,可以用来创建动态更新的内容,控制多媒体,制作图像动画,还有很多. 平台:一般指的是运行环境,这里指的是操作系统 跨平台:就是在很多种操作系统中都可以运行 脚 ...
- JavaScript输出语句console.log输出换行代码
描述:JavaScript输出语句console.log输出换行代码 代码: console.log("a"+ '\n' )
- JavaScript输出语句以及变量定义
一JavaScript书写位置 二JavaScript输出语句 三JavaScript变量 一JavaScript书写位置 书写位置是在<script>标签里,并且<script&g ...
最新文章
- CUDA中grid、block、thread、warp与SM、SP的关系
- python在bim中的应用_Revit元素类别——Dynamo Python系列教程(六)
- 电话连线(最小生成树)
- FreeBSD 安装过程
- 多线程Runnable类创建多线程
- windows + cmake + vs2019 编程
- java 操作系统 模拟 daima_编写一个程序,利用Java语言模拟操作系统进程调度管理...
- vb把窗体嵌入桌面底层_桌面透明便签插件便签软件
- JZOJ5143:无心行挽
- VS 2012 No exports were found that match the constraint 解决办法
- oracle公司财务管理课程设计,Oracle财务管理系统培训手册—资产模块(FA).doc
- ubuntu下打开nsg2的命令
- R语言 非参数检验:Mann-Whitney检验和Wilcoxon检验
- html5引入文本,引入文本有几种方式
- 安装Go,配置Go环境(实力亲测)
- Java 进销存 出货开单_java 进销存 商户管理系统 客户管理 库存管理 销售报表 SSM项目...
- 什么牌子的千兆网卡好用_不挑次的只挑好的 台式机千兆网卡应该买哪些?
- 物联网应用技术专业是属于什么类
- python字典len(d)_Python-字典
- 一加7pro何时发布android10,一加7 Pro 5G升级Android10时间确认:就在2020年第一季度...
热门文章
- python rank_PageRank算法原理与Python实现
- linux追踪tomcat报错信息,linux下tomcat服务的启动、关闭与错误跟踪
- 打成jar包_keras, tensorflow模型部署通过jar包部署到spark环境攻略
- Jenkins+Pipeline+Docker部署SpringBoot项目到远程服务器
- 2021年春季学期-信号与系统-第三次作业参考答案-第四道题
- 看看那些双车中接力装置
- 成绩统计自动计算表格_电气计算太慢?62套自动计算EXCEL表格,一键下载秒出结果...
- 软件开发详细设计说明书_汽车软件开发之ASPICE系统需求过程组
- android 固定底部导航,Android如何实现底部菜单固定到底部
- mysql 修复_mysql修复表的三个方法