JavaScript不提供任何的内建或是打印方式

JavaScript的显示方案主要有以下四种：

  • window.alert()  写入警告框
  • document.write()  写入 HTML 输出
  • innerHTML  写入 HTML 元素
  • console.log()   写入浏览器控制台

一、使用window.alert()

弹出警示框

 <!DOCTYPE html>

 <html>

 <head>

 <meta charset="utf-8">

 <title>JavaScript输出</title>

 </head>

 <body>

 <script>

     var str=100+11;

 window.alert(str);

 </script>

 </body>

 </html>

显示效果

二、使用 innerHTML

如需访问 HTML 元素，JavaScript 可使用 document.getElementById( id名称 ) 方法。

id 属性定义 HTML 元素。innerHTML 属性定义 HTML 内容

<!DOCTYPE html>

<html>

<body>

<h2>我的第一张网页</h2>

<p>我的第一个段落。</p>

<p id="demo"></p>

<script>

document.getElementById("demo").innerHTML = 5 + 6;

</script>

</body>

</html>

表现效果

三、使用 document.write()

document.write() 方法仅用于测试，在页面输出。

<!DOCTYPE html>

<html>

<body>

<h1>我的第一张网页</h1>

<p>我的第一个段落</p>

<script>

document.write(5 + 6);

</script>

</body>

</html>

注意：在 HTML 文档完全加载后使用 document.write() 将删除所有已有的 HTML ：

<!DOCTYPE html>

<html>

<body>

<h2>我的第一张网页</h2>

<p>我的第一个段落。</p>

<button type="button" onclick="document.write(1111111)">试一试</button>

</body>

</html>

四、使用 console.log()

使用 console.log() 方法来显示数据

可以在控制台中直接测试console.log()。F12或右击检查打开控制台。

<!DOCTYPE html>

<html>

<body>

<h1>我的第一张网页</h1>

<p>我的第一个段落</p>

<script>

console.log(111111);

</script>

</body>

</html>

显示效果

可以在控制台中直接输入

JavaScript输出的更多相关文章

  1. 使用JavaScript输出

    使用JavaScript输出 1.如果需要JavaScript访问html元素,我们可以通过为html元素添加id属性,然后通过JavaScript的document.getElementById(i ...

  2. JavaScript 输出

    javascript 没有任何打印或者输出的函数. 一.javascript 显示数据 javacript可以通过不同的方式来输出数据: 1.使用window.alert()弹出警告框 2.使用doc ...

  3. 用JavaScript输出表格

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...

  4. Javascript输出表格

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  5. 前端之JavaScript第一天学习(3)-JavaScript输出

    JavaScript 通常用于操作 HTML 元素. 操作 HTML 元素 如需从 JavaScript 访问某个 HTML 元素,您可以使用 document.getElementById(id) ...

  6. 总结JavaScript输出内容（document.write）

    document.write() 可用于直接向 HTML 输出流写内容.简单的说就是直接在网页中输出内容. 第一种:输出内容用“”括起,直接输出""号内的内容.<script ...

  7. （二）JavaScript 输出

    avaScript 没有任何打印或者输出的函数. JavaScript 显示数据 JavaScript 可以通过不同的方式来输出数据: 使用 window.alert() 弹出警告框. 使用 docu ...

  8. 松软科技带你学前端：JavaScript 输出

    JavaScript 不提供任何内建的打印或显示函数. JavaScript 显示方案 JavaScript 能够以不同方式“显示”数据: 使用 window.alert() 写入警告框 使用 doc ...

  9. JavaScript 输出的四种方法

    JavaScript 没有任何打印或者输出的函数. ㈠JavaScript 显示数据 ⑴使用 window.alert() 弹出警告框. ⑵使用 document.write() 方法将内容写到 HT ...

随机推荐

  1. 中国MOOC_面向对象程序设计——Java语言_第2周 对象交互_1有秒计时的数字时钟

    第2周编程题 查看帮助 返回   第2周编程题,在课程所给的时钟程序的基础上修改 依照学术诚信条款,我保证此作业是本人独立完成的. 温馨提示: 1.本次作业属于Online Judge题目,提交后由系 ...

  2. oracle-不完全数据库恢复-被动恢复-RMAN-06025/ORA-01190

    不完全数据库恢复 到目前为止,前面讨论的都是完全恢复数据库,这是recover database\recover tablespace\recover datafile默认的行为特征. 所谓完全恢复指 ...

  3. FiddlerCore修改http返回结果

    static void FiddlerApplication_BeforeRequest(Session oSession) { oSession.bBufferResponse = true; } ...

  4. 使用docker compose 构建多个镜像

    定义docker compose version: ' services: composedb: image: mysql/mysql-server container_name: composedb ...

  5. [Python3] 004 字符串的基本使用

    目录 1. 字符串简介 1.1 作用 1.2 注意点 2. 使用方式 2.1 用引号括起来 少废话,上例子 2.2 单.双引号可以"轮换交替" 少废话,上例子 3. 转义字符 3. ...

  6. 【Linux 环境搭建】安装arm-linux-gcc

    (1)下载或者拷贝arm-linux-gcc-4.3.2.tgz到Linux环境的任意目录. 解压: tar xvf arm-linux-gcc-4.3.2.tgz ,会解压该文件到当前目录: 拷贝: ...

  7. python列表，字典，集合

    初识模块 import sys print(sys.path)#查看化境变量 print(sys.argv)#查看文件的相对路径,但是在pachrm中 会自动转为绝对路径 import os #os. ...

  8. HNUSTOJ-1521 塔防游戏

    1521: 塔防游戏 时间限制: 1 Sec  内存限制: 128 MB提交: 117  解决: 38[提交][状态][讨论版] 题目描述 小明最近迷上了塔防游戏,塔防游戏的规则就是在地图上建炮塔,用 ...

  9. Jpa-Spec oracle函数bitand,instr等扩展

    jpa-spec github: https://github.com/wenhao/jpa-spec 使用这个框架可以简化我们拼条件的复杂度,如下代码: public Page<Person& ...

  10. 深度学习之（经典）卷积层计算量以及参数量总结 （考虑有无bias，乘加情况）

    目录: 1.经典的卷积层是如何计算的 2.分析卷积层的计算量 3.分析卷积层的参数量 4.pytorch实现自动计算卷积层的计算量和参数量 1.卷积操作如下: http://cs231n.github ...