手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

JavaScript 学习之JS实现和输出

时间:2024-10-15 00:20:45

、HTML 中的脚本必须位于 <script> 与 </script> 标签之间。脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。如需在 HTML 页面中插入 JavaScript,请使用 <script> 标签。<script> 和 </script> 会告诉 JavaScript 在何处开始和结束。<script> 和 </script> 之间的代码行包含了 JavaScript:<script> alert("My First JavaScript"); </script>

工具/原料

JavaScript 编辑器。

JavaScript实现

1、<body> 中的 JavaScript在本例中,JavaScript 会在页面加载时向 HTML 的 <bod烤恤鹇灭y> 写文本:<!DOCTYPE html><html><body><p>JavaScript 能够直接写入 HTML 输出流中:</p><script>document.write("<h1>This is a heading</h1>");document.write("<p>This is a paragraph.</p>");</script><p>您只能在 HTML 输出流中使用 <strong>document.write</strong>。如果您在文档已加载后使用它(比如在函数中),会覆盖整个文档。</p></body></html>

JavaScript 学习之JS实现和输出

2、<head> 中的 JavaScript 函数<!DOCTYPE html><html><head><scr足毂忍珩ipt>function myFunction(){document.getElementById("demo").innerHTML="My First JavaScript Function";}</script></head><body><h1>My Web Page</h1><p id="demo">A Paragraph.</p><button type="button" onclick="myFunction()">点击这里</button></body></html>

JavaScript 学习之JS实现和输出
JavaScript 学习之JS实现和输出

3、<body> 中的 JavaScript 函数<!DOCTYPE html><html><body><h1>My First Web Page</h1><p id="demo">A Paragraph.</p><button type="button" onclick="myFunction()">点击这里</button><script>function myFunction(){document.getElementById("demo").innerHTML="My First JavaScript Function";}</script></body></html>

JavaScript 学习之JS实现和输出
JavaScript 学习之JS实现和输出

4、外部的 JavaScript<!DOCTYPE html><html><body><h1>My Web Page</h1><p id="demo">A Paragraph.</p><button type="button" onclick="myFunction()">点击这里</button><p><b>注释:</b>myFunction 保存在名为 "myScript.js" 的外部文件中。</p><script type="text/javascript" src="/js/myScript.js"></script></body></html>

JavaScript 学习之JS实现和输出

JavaScript输出

1、操作 HTML 元素<!DOCTYPE html><html><body><h1>My First Web Page</h1><p id="demo">My First Paragraph.</p><script>document.getElementById("demo").innerHTML="My First JavaScript";</script></body></html>

JavaScript 学习之JS实现和输出

2、写到文档输出下面的例子直接把 <p> 元素写到 HTML 文档输出中:<!DOCTYPE html><html><body><h1>My First Web Page</h1><script>document.write("<p>My First JavaScript</p>");</script></body></html>

JavaScript 学习之JS实现和输出

3、警告请使用 document.write() 仅仅向文档输出写内容。如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖:<!DOCTYPE html><html><body><h1>My First Web Page</h1><p>My First Paragraph.</p><button onclick="myFunction()">点击这里</button><script>function myFunction(){document.write("糟糕!文档消失了。");}</script></body></html>

JavaScript 学习之JS实现和输出
JavaScript 学习之JS实现和输出
© 手抄报圈