二维码
搜索 ×

HTML JavaScript

  • 作者：图形开发学院
  • 更新时间：2023年11月01日
  • 阅读量：0
  • 收藏数：0

HTML JavaScript

JavaScript 使 HTML 页面更具动态性和交互性。

1
2
3
## My First JavaScript

Click me to display Date and Time

HTML <script> 标记

HTML 标记用于定义客户端脚本 （JavaScript）。<script>

该元素要么包含脚本语句，要么指向 外部脚本文件通过属性。<script>``src

JavaScript 的常见用途是图像处理、表单验证和 内容的动态变化。

为了选择 HTML 元素，JavaScript 最常使用该方法。document.getElementById()

这个 JavaScript 示例将 “Hello JavaScript！” 写入 id=“demo” 的 HTML 元素：

1
2
3
<script>  
document.getElementById("demo").innerHTML = "Hello JavaScript!";  
</script>

提示： 您可以在我们的 JavaScript 教程中了解有关 [JavaScript]的更多信息。

JavaScript 的滋味

以下是 JavaScript 可以执行的一些示例：

1
2
3
JavaScript 可以更改内容：

document.getElementById("demo").innerHTML = "Hello JavaScript!";

1
2
3
4
5
JavaScript 可以更改样式：

document.getElementById("demo").style.fontSize = "25px";  
document.getElementById("demo").style.color = "red";  
document.getElementById("demo").style.backgroundColor = "yellow";

1
2
3
JavaScript 可以更改属性：

document.getElementById("image").src = "picture.gif";

HTML <noscript> 标签

HTML 标记定义备用内容 向以下用户显示 在浏览器中禁用了脚本，或者浏览器不支持 脚本：<noscript>

1
2
3
4
5
<script>  
document.getElementById("demo").innerHTML = "Hello JavaScript!";  
</script>

<noscript>Sorry, your browser does not support JavaScript!</noscript>

HTML Script标签

Tag Description
[<script>] Defines a client-side script
[<noscript>] Defines an alternate content for users that do not support client-side scripts

有关所有可用 HTML 标记的完整列表，请访问我们的 [HTML 标记参考]。

推荐教程