HTML脚本教程详解

零下一度 2017-05-17 16:31 1683浏览原创

在线实例

插入一段脚本
如何将脚本插入 HTML 文档。

使用

HTML <script> 标签</script><script> 标签用于定义客户端脚本，比如 JavaScript。</script><script> 元素既可包含脚本语句，也可通过 src 属性指向外部脚本文件。</script>JavaScript 最常用于图片操作、表单验证以及内容动态更新。下面的脚本会向浏览器输出"Hello World!"：实例<script> document.write("Hello World!") </script>尝试一下 »Tip: 学习更多关于Javascript教程，请查看JavaScript 教程!HTML 标签<p></p> <noscript> 标签提供无法使用脚本时的替代内容，比方在浏览器禁用脚本时，或浏览器不支持客户端脚本时。<p></p> <noscript>元素可包含普通 HTML 页面的 body 元素中能够找到的所有元素。<p>只有在浏览器不支持脚本或者禁用脚本时，才会显示 </p> <noscript> 元素中的内容：<p>实例</p> <pre class="brush:html;toolbar:false"><script>document.write("Hello World!")</script><noscript>Sorry, your browser does not support JavaScript!</noscript></pre> <p>尝试一下 »<br></p> <p style="margin: 20px 0px; padding: 5px 5px 5px 10px; font-weight: normal; font-family: Verdana, " microsoft yahei border-left: solid rgb background: font-size: color: white-space: normal>JavaScript体验(来自本站javascript教程)</p> <p>JavaScript实例代码:</p> <p>JavaScript可以直接在HTMl输出:</p> <pre class="brush:html;toolbar:false">document.write("<p>This is a paragraph</p>");</pre> <p>尝试一下 »</p> <p>JavaScript事件响应:</p> <pre class="brush:java;toolbar:false"><button>Click Me!</button></pre> <p>JavaScript处理 HTML 样式:</p> <pre class="brush:html;toolbar:false">document.getElementById("demo").style.color="#ff0000";</pre> <p>【相关推荐】<br></p> <p>1. <strong><span style="color: rgb(255, 0, 0);">特别推荐</span></strong>：<a href="http://www.php.cn/xiazai/gongju/714" target="_self">“php程序员工具箱”V0.1版本下载</a></p> <p>2. <a href="http://www.php.cn/course/list/11.html" target="_self">免费html在线视频教程</a><a href="http://www.php.cn/course/list/13.html" target="_self"></a><a href="http://www.php.cn/course/list/12.html" target="_self"></a></p> <p>3. <a href="http://www.php.cn/course/372.html" target="_self">php.cn原创html5视频教程</a><a href="http://www.php.cn/course/373.html" target="_self"></a></p>