HTML教程
HTML教程
    • 请登录查看
    阅读(3358)

    HTML 脚本

    最后一次修改 2017年08月01日

    HTML 脚本

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


    在线实例

    实例

    <!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>html</title> 
</head>
<body>

<script>
document.write("Hello World!")
</script> 

</body>
</html>

    运行实例 »

    点击 "运行实例" 按钮查看在线实例

    如何将脚本插入 HTML 文档。

    实例

    <!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>html</title> 
</head> 
<body>

<script>
document.write("Hello World!")
</script>
<noscript>抱歉，你的浏览器不支持 JavaScript!</noscript>

<p>不支持 JavaScript 的浏览器会使用 noscript 元素中定义的内容（文本）来替代。</p>
 
</body>
</html>

    运行实例 »

    点击 "运行实例" 按钮查看在线实例

    如何应对不支持脚本或禁用脚本的浏览器。

    HTML <script> 标签

    <script> 标签用于定义客户端脚本，比如 JavaScript。

    <script> 元素既可包含脚本语句，也可通过 src 属性指向外部脚本文件。

    JavaScript 最常用于图片操作、表单验证以及内容动态更新。

    下面的脚本会向浏览器输出"Hello World!"：

    实例

    <script>
document.write("Hello World!")
</script>

    运行实例 »

    点击 "运行实例" 按钮查看在线实例


    RemarkTip: 学习更多关于Javascript教程，请查看JavaScript 教程!

    HTML<noscript> 标签

    <noscript> 标签提供无法使用脚本时的替代内容，比方在浏览器禁用脚本时，或浏览器不支持客户端脚本时。

    <noscript>元素可包含普通 HTML 页面的 body 元素中能够找到的所有元素。

    只有在浏览器不支持脚本或者禁用脚本时，才会显示 <noscript> 元素中的内容：

    实例

    <script>
document.write("Hello World!")
</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript>

    运行实例 »

    点击 "运行实例" 按钮查看在线实例


    JavaScript体验(来自本站javascript教程)

    JavaScript实例代码:

    JavaScript可以直接在HTMl输出:

    实例

    document.write("<p>This is a paragraph</p>");

    运行实例 »

    点击 "运行实例" 按钮查看在线实例



    JavaScript事件响应:

    实例

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

    运行实例 »

    点击 "运行实例" 按钮查看在线实例

    JavaScript处理 HTML 样式:

    实例

    document.getElementById("demo").style.color="#ff0000";

    运行实例 »

    点击 "运行实例" 按钮查看在线实例



    HTML 脚本标签

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

    HTML 脚本

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


    在线实例

    实例

    <!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>html</title> 
</head>
<body>

<script>
document.write("Hello World!")
</script> 

</body>
</html>

    运行实例 »

    点击 "运行实例" 按钮查看在线实例

    如何将脚本插入 HTML 文档。

    实例

    <!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>html</title> 
</head> 
<body>

<script>
document.write("Hello World!")
</script>
<noscript>抱歉，你的浏览器不支持 JavaScript!</noscript>

<p>不支持 JavaScript 的浏览器会使用 noscript 元素中定义的内容（文本）来替代。</p>
 
</body>
</html>

    运行实例 »

    点击 "运行实例" 按钮查看在线实例

    如何应对不支持脚本或禁用脚本的浏览器。

    HTML <script> 标签

    <script> 标签用于定义客户端脚本，比如 JavaScript。

    <script> 元素既可包含脚本语句，也可通过 src 属性指向外部脚本文件。

    JavaScript 最常用于图片操作、表单验证以及内容动态更新。

    下面的脚本会向浏览器输出"Hello World!"：

    实例

    <script>
document.write("Hello World!")
</script>

    运行实例 »

    点击 "运行实例" 按钮查看在线实例


    RemarkTip: 学习更多关于Javascript教程，请查看JavaScript 教程!

    HTML<noscript> 标签

    <noscript> 标签提供无法使用脚本时的替代内容，比方在浏览器禁用脚本时，或浏览器不支持客户端脚本时。

    <noscript>元素可包含普通 HTML 页面的 body 元素中能够找到的所有元素。

    只有在浏览器不支持脚本或者禁用脚本时，才会显示 <noscript> 元素中的内容：

    实例

    <script>
document.write("Hello World!")
</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript>

    运行实例 »

    点击 "运行实例" 按钮查看在线实例


    JavaScript体验(来自本站javascript教程)

    JavaScript实例代码:

    JavaScript可以直接在HTMl输出:

    实例

    document.write("<p>This is a paragraph</p>");

    运行实例 »

    点击 "运行实例" 按钮查看在线实例



    JavaScript事件响应:

    实例

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

    运行实例 »

    点击 "运行实例" 按钮查看在线实例

    JavaScript处理 HTML 样式:

    实例

    document.getElementById("demo").style.color="#ff0000";

    运行实例 »

    点击 "运行实例" 按钮查看在线实例



    HTML 脚本标签

    标签 描述
    <script> 定义了客户端脚本
    <noscript> 定义了不支持脚本浏览器输出的文本
    ← HTML 颜色值
    HTML 字符实体 →
    提交