JavaScript -教育 -学生 補習>>JavaScript 输出

JavaScript ,code, coding,程序设计, 电子计算机,教育,IT,電腦班, 教育, student,学生, 辅导,学习,study, Computer, teacher,mobile, Android ,learn, tutor,在线学习, 教学, 同学,同學, 电子计算机,教育,IT, typescript,電腦班, 補習, 课程,課程, 助教, 家教, 補習教學, 高级语言, 程式编写, 程式編寫, 兴趣班, 興趣班, 信息技术, 程序设计, 移动电话, 电子计算器, 信息, C++, Java, Python, JavaScript, MySQL, Server, CSS, HTML,计算机, 電腦, #freelance, programming, 私人老师,私人老師, 電腦課程, 資訊科技, 中学,中學, 自由职业,自由職業, 自由工作, IT freelance
JavaScript-教育-學生-補習

本章 希望 教育 学生 JavaScript 的相關知識, 幫 學生 補習 study.

JavaScript -教育 -学生 補習>>JavaScript 输出>>JavaScript 显示方案

JavaScript 不提供任何内建的打印或显示函数。

但是, JavaScript 能够以不同方式“显示”数据:

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

JavaScript -教育 -学生 補習>>JavaScript 输出>> 使用 innerHTML

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

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

实例

<!DOCTYPE html>
<html>
<body>

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

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

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

<script>
 document.getElementById("demo").innerHTML = 5 + 6;
</script>

</body>
</html> 
JavaScript ,code, coding,程序设计, 电子计算机,教育,IT,電腦班, 教育, student,学生, 辅导,学习,study, Computer, teacher,mobile, Android ,learn, tutor,在线学习, 教学, 同学,同學, 电子计算机,教育,IT, typescript,電腦班, 補習, 课程,課程, 助教, 家教, 補習教學, 高级语言, 程式编写, 程式編寫, 兴趣班, 興趣班, 信息技术, 程序设计, 移动电话, 电子计算器, 信息, C++, Java, Python, JavaScript, MySQL, Server, CSS, HTML,计算机, 電腦, #freelance, programming, 私人老师,私人老師, 電腦課程, 資訊科技, 中学,中學, 自由职业,自由職業, 自由工作, IT freelance
JavaScript-教育-學生-補習

JavaScript -教育 -学生 補習>>JavaScript 输出>> 使用 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>

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

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

<button onclick="document.write(5 + 6)">试一试</button>

</body>
</html>

JavaScript -教育 -学生 補習>>JavaScript 输出>> 使用 window.alert()

您能够使用警告框来显示数据:

实例

<!DOCTYPE html>
<html>
<body>

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

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

<script>
window.alert(5 + 6);
</script>

</body>
</html> 

JavaScript -教育 -学生 補習>>JavaScript 输出>> 使用 console.log()

在浏览器中,您可使用 console.log() 方法来显示数据。

请通过 F12 来激活浏览器控制台,并在菜单中选择“控制台”。

实例

<!DOCTYPE html>
<html>
<body>

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

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

<script>
console.log(5 + 6);
</script>

</body>
</html>

JavaScript -教育 -学生 補習>>JavaScript 输出>> 写到 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 onclick=”myFunction()”>点我</button>

<script>
function myFunction() {
    document.write(Date());
}
</script>

</body>
</html>

JavaScript -教育 -学生 補習>>JavaScript 输出>> 写到控制台

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

电子计算机 -教育 -IT 電腦班>>Facebook 聯絡:

找老師 24 hours facebook channel :
https://www.facebook.com/itteacheritfreelance/?ref=aymt_homepage_panel

"电子计算机 -教育 -IT 電腦班" 為大家配對电子计算机老師, 電腦補習,電腦班, 電腦課程, it 教育, 資訊科技 教育, 補習, 自由職業, 自由工作,IT freelance, 私人老師, PHP補習, HTML補習, CSS補習, JavaScript補習, XML, Java補習,Server補習, MySQL補習, 中學電腦. #Computer, #mobile, #Android, #apple, #game, #movie, #anime, #animation, #电子计算机, #教育, #信息技术, #程序设计, #移动电话, #电子计算器, #信息, #IT, #電腦班, #C++, #Java, #Python, #JavaScript, #電腦, #IT, #freelance, #programming, #電腦補習, #電腦班, #家教, #私人老師, #information technology, #teacher, #電腦班, #電腦課程, #it 教育, #資訊科技, #補習, #自由職業, #自由工作, #IT freelance, #私人老師, #中學電腦, #PHP補習, #HTML補習, #CSS補習, #JavaScript補習, #XML, #Java補習,#Server補習, #MySQL補習

Be the first to comment

Leave a Reply

Your email address will not be published.


*