分享

html脚本<script> 标签与<noscript>

 Coder编程 2021-11-08

html脚本?JavaScript 是可插入 HTML 页面的编程代码;JavaScript 使 HTML 页面具有更强的动态和交互性;JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。

html <script> 标签:<script> 标签用于定义客户端脚本,比如 JavaScript;<script> 元素既可包含脚本语句,也可通过 src 属性指向外部脚本文件;JavaScript 最常用于图片操作、表单验证以及内容动态更新//如果使用 "src" 属性,则 <script> 元素必须是空的。

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

HTML<noscript> 标签?<noscript> 标签提供无法使用脚本时的替代内容,比方在浏览器禁用脚本时,或浏览器不支持客户端脚本时;<noscript>元素可包含普通 HTML 页面的 body 元素中能够找到的所有元素;只有在浏览器不支持脚本或者禁用脚本时,才会显示 <noscript> 元素中的内容:

 1 <!DOCTYPE html>
 2 <html>
 3 <head> 
 4 <meta charset="utf-8"> 
 5 <title>W3Cschool(w3cschool.cn)</title> 
 6 </head> 
 7 <body>
 8 
 9 <script>
10 document.write("Hello World!")
11 </script>
12 <noscript>抱歉,你的浏览器不支持 JavaScript!</noscript>
13 
14 <p>不支持 JavaScript 的浏览器会使用 noscript 元素中定义的内容(文本)来替代。</p>
15  
16 </body>
17 </html>

JavaScript可以直接在HTMl输出:

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

JavaScript事件响应::

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

JavaScript处理 HTML 样式:

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

e.g:<script>定义了客户端脚本;<noscript>定义了不支持脚本浏览器输出的文本

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多