HTML基础之脚本

万万君

于 2020-03-21 17:50:28 发布

阅读量216

点赞数 1

分类专栏：笔记 HTML 文章标签： html javascript

本文链接：https://blog.youkuaiyun.com/devin_xin/article/details/105013969

版权

笔记同时被 2 个专栏收录

83 篇文章

订阅专栏

HTML

35 篇文章

订阅专栏

本文详细介绍了HTML中的script和noscript标签的使用方法，包括如何定义客户端脚本及在不支持脚本的浏览器中输出文本。通过代码示例展示了如何使用document.write输出HTML内容及如何在用户事件触发时修改页面元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

脚本标签

标签	描述
script	定义了客户端脚本
noscript	定义了不支持脚本浏览器输出的文本

注意：

如果使用 “src” 属性，则 script 元素必须是空的。
假如 script 元素内部的代码没有位于某个函数中，那么这些代码会在页面被加载时被立即执行

代码示例

example1

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
	
<p>
JavaScript 能够直接写入 HTML 输出流中：
</p>
<script>

document.write("<h1>这是一个标题</h1>");
document.write("<p>这是<strong>一个段</strong>落。</p>");

</script>
<p>
您只能在 HTML 输出流中使用 <strong>document.write</strong>。
如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。
</p>
	
</body>
</html>

example2

<!DOCTYPE html>
<html>
<body>

<h1>My First JavaScript</h1>

<p id="demo">
JavaScript can react to events. Like the click of a button.
</p>

<script>
function myFunction()
{
document.getElementById("demo").innerHTML="Hello JavaScript!";
}
</script>

<button type="button" onclick="myFunction()">Click Me!</button>

</body>
</html>