HTML脚本JavaScript是HTML页面具有更强的动图和交互性。
如何将脚本插入HTML文档?
实例:
<!DOUTYPE html> <html> <head> <meta charset="utf-8" /> <title>118qq.top</title> </head> <body> <script>document.write("118qq.top")</script> </body> </html>
使用<noscript>标签
如何应对不支持脚本或禁用脚本的浏览器
实例:
<!DOUTYPE html> <html> <head> <meta charset="utf-8" /> <title>118qq.top</title> </head> <body> <script>document.write("118qq.top")</script> <noscript>抱歉,您的浏览器不支持JavaScript!</noscript> <p>不支持JavaScript的浏览器会使用 <noscript>元素中的内容来替代</p> </body> </html>
<script>标签
<script>标签用于定义客户端脚本,比如JavaScript。它即可包含脚本语句,也可通过src属性指向外部脚本文件。JavaScript最常用于图片操作、表单验证以及内容动态更新。
<noscript>标签
<noscript>标签提供无法使用脚本时的替代内容,比如在浏览器禁用脚本时,或浏览器不支持客户端脚本时,<nosript>元素可包含普通HTML页面的body元素这个能够找到的所有元素。只有在浏览器不支持脚本或者禁用脚本时,才会显示<noscript>元素中的内容
JavaScript体验
按钮输出
实例:
<!DOUTYPE html> <html> <head> <meta charset="utf-8" /> <title>118qq.top</title> </head> <body> <h1>我的第一个JavaScript页面</h1> <p id="demo">这是一个JavaScript页面</p> <form> <input type="submit" onClick="myFunction()" value="提交"> </form> <script> function myFunction(){ document.getElementById("demo").innerHTML="你好,世界"; } </script> </body> </html>
改变HTML样式
实例:
<!DOUTYPE html> <html> <head> <meta charset="utf-8" /> <title>118qq.top</title> </head> <body> <h1>我的第一个JavaScript页面</h1> <p id="demo">这是一个JavaScript页面</p> <form><input type="submit" onClick="myFunction()" value="提交"> </form> <script> function myFunction(){ x=document.getElementById("demo") //找到元素 x.style.color="red";//样式颜色 }</script> </body> </html>