HTML脚本教程详解

零下一度

发布： 2017-05-17 16:31:05

原创

1691人浏览过

在线实例

插入一段脚本
如何将脚本插入 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><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><script>document.write("Hello World!")</script><noscript>Sorry, your browser does not support JavaScript!</noscript></pre><div class="contentsignin">登录后复制</div></div><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><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false">document.write("<p>This is a paragraph</p>");</pre><div class="contentsignin">登录后复制</div></div><p>尝试一下 »</p> <p>JavaScript事件响应:</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:java;toolbar:false"><button type="button" onclick="myFunction()">Click Me!</button></pre><div class="contentsignin">登录后复制</div></div><p>JavaScript处理 HTML 样式:</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false">document.getElementById("demo").style.color="#ff0000";</pre><div class="contentsignin">登录后复制</div></div><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>