博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Javascript 四种输出方式
阅读量:5096 次
发布时间:2019-06-13

本文共 1339 字,大约阅读时间需要 4 分钟。

JavaScript 输出

javascript 没有任何打印或输出的函数
可以通过不同的方式输出数据

使用window.alert() 弹出警告框

使用document.write()方法将内容写到html文档中
使用document.getElementById("").innerHtml="需要写入的值"; 写入到HTML元素
使用console.log()写入到流浪器的控制台

1:使用window.alert()
<script>
window.alert('警告框');
</script>

2:操作HTML元素

如需JavaScript访问某个HTML元素,您可以使用document.getElementById(id)方法
请使用id属性来标识HTML元素,并innerHTml来获取或插入元素内容:

<p id="demo" >我的第一个段落</p>
<script>
document.getElementById("demo").innerHTML="段落已修改"
</scirpt>
document.getElementById("demo") 是使用 id 属性来查找 HTML 元素的 JavaScript 代码 。该方法是 HTML DOM 中定义的。
innerHTML = "Paragraph changed." 是用于修改元素的 HTML 内容(innerHTML)的 JavaScript 代码。

3:写到HTML 文档

使用 document.write()方法将内容写到HTML内容中,此功能可以直接将内容或html 标签写入html文档中
<script>
docuemnt.write(Date());//Date()输出中国标准时间
</script>

注意:如果在文档已经完成加载后执行document.write()将覆盖整个HTml页面

Sample:
<button type="button" οnclick="myFunction">按钮</buton>
<script>
function myFunction(){
document.write(Date());
}
</scipt>

4:写到控制台

如果您的浏览器支持调试,你可以使用 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>

 

注意:

  console.log() 方法能够让你看到你在页面中的输出内容,让你更容易调试javascript;与alert相比,console不会打断你页面的操作,console里面的内容非常丰富,你可以在控制台输入 console。

转载于:https://www.cnblogs.com/yanxiatingyu/p/9383881.html

你可能感兴趣的文章
人月神话阅读笔记(一)
查看>>
jconsole使用
查看>>
ie6下padding属性双倍hack(转)
查看>>
用Maya切菜
查看>>
android 获取Asset中Properties文件配置的键值对
查看>>
js设置、读取、删除cookie
查看>>
设计模式——观察者模式
查看>>
作品-网站 - [二次开发] 广联达BIM
查看>>
JavaScript中的String对象
查看>>
C语言面试题(一)--------华为
查看>>
利用python解析地址经纬度和利用经纬度定位地址
查看>>
Linux下VMware在更新完内核无法启动
查看>>
希腊字母
查看>>
rust
查看>>
H3C S5000和H3C S5500,俺来罗
查看>>
EXTJS之DATA PROXY READER
查看>>
python-day18-初识面向对象
查看>>
SQLHelper
查看>>
吴昊品游戏核心算法 Round 17 —— 吴昊教你玩拼图游戏 序
查看>>
Python学习笔记——基础篇【第五周】——random & time & datetime模块
查看>>