JavaScript：Day one

最新推荐文章于 2024-03-23 16:57:03 发布

十二十贰

最新推荐文章于 2024-03-23 16:57:03 发布

阅读量206

点赞数

分类专栏： Jsp与Html

本文链接：https://blog.csdn.net/qq_24081207/article/details/45341033

版权

Jsp与Html 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

JavaScript：Day one

JavaScript: 写入 HTML 输出

<!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>

html与 /html 之间的文本描述网页
body与 /body 之间的文本是可见的页面内容
h1 与 /h1之间的文本被显示为标题
p与 /p之间的文本被显示为段落
!DOCTYPE 声明必须是 HTML 文档的第一行，位于 html 标签之前。
!DOCTYPE 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
在 HTML 4.01 中，!DOCTYPE声明引用 DTD，因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。HTML5 不基于 SGML，所以不需要引用 DTD。在 HTML5 中只有一种：!DOCTYPE html
HTML 中的脚本必须位于 script 与 /script 标签之间。脚本可被放置在 HTML 页面的 body和 head 部分中。
您只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法，会覆盖整个文档。

JavaScript : 对事件作出反应

<!DOCTYPE html>
<html>
<body>

<h1>我的第一段 JavaScript</h1>

<p>
JavaScript 能够对事件作出反应。比如对按钮的点击：
</p>

<button type="button" onclick="alert('Welcome!')">点击这里</button>

</body>
</html>

一个页面里面有一个名字叫“点击这里” 的按钮，点了出现JavaScript提醒：“welcome！“。
alert() 函数在 JavaScript 中并不常用，但它对于代码测试非常方便。
onclick 事件只是您即将在本教程中学到的众多事件之一。(点击？）
JavaScript在标签内的应用（？），没有用到Script标签。

JavaScript：改变 HTML 内容

<!DOCTYPE html>
<html>
<body>

<h1>我的第一段 JavaScript</h1>

<p id="demo">
JavaScript 能改变 HTML 元素的内容。
</p>

<script>
function myFunction()
{
x=document.getElementById("demo");  // 找到元素
x.innerHTML="Hello JavaScript!";    // 改变内容
}
</script>

<button type="button" onclick="myFunction()">点击这里</button>

</body>
</html>

十二十贰

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript：Day one

JavaScript：Day oneJavaScript: 写入 HTML 输出<!DOCTYPE html><html><body><p>JavaScript 能够直接写入 HTML 输出流中：</p><script>document.write("<h1>This is a heading</h1>");document.write("<p>This is a paragraph.<
复制链接

扫一扫