在 html 中,javascript 代码必须位于 <script> 与 </script> 标签之间。
<script>
document.getelementbyid("demo").innerhtml = "我的第一段 javascript";
</script>
注释:旧的 javascript 例子也许会使用 type 属性:<script type="text/javascript">。
注释:type 属性不是必需的。javascript 是 html 中的默认脚本语言。
javascript 函数是一种 javascript 代码块,它可以在调用时被执行。
例如,当发生事件时调用函数,比如当用户点击按钮时。
提示:您将在稍后的章节学到更多有关函数和事件的知识。
您能够在 html 文档中放置任意数量的脚本。
脚本可被放置与 html 页面的 <body> 或 <head> 部分中,或兼而有之。
在本例中,javascript 函数被放置于 html 页面的 <head> 部分。
该函数会在按钮被点击时调用:
<!doctype html> <html> <head> <script> function myfunction() { document.getelementbyid("demo").innerhtml = "段落被更改。"; } </script> </head> <body> <h1>一张网页</h1> <p id="demo">一个段落</p> <button type="button" onclick="myfunction()">试一试</button> </body> </html>
在本例中,javascript 函数被放置于 html 页面的 <body> 部分。
该函数会在按钮被点击时调用:
<!doctype html> <html> <body> <h1>a web page</h1> <p id="demo">一个段落</p> <button type="button" onclick="myfunction()">试一试</button> <script> function myfunction() { document.getelementbyid("demo").innerhtml = "段落被更改。"; } </script> </body> </html>
脚本可放置与外部文件中:
function myfunction() { document.getelementbyid("demo").innerhtml = "段落被更改。"; }
外部脚本很实用,如果相同的脚本被用于许多不同的网页。
javascript 文件的文件扩展名是 .js。
如需使用外部脚本,请在 <script> 标签的 src (source) 属性中设置脚本的名称:
<script src="myscript.js"></script>
在外部文件中放置脚本有如下优势:
如需向一张页面添加多个脚本文件 - 请使用多个 script 标签:
<script src="myscript1.js"></script> <script src="myscript2.js"></script>
可通过完整的 url 或相对于当前网页的路径引用外部脚本:
本例使用完整的 url 来链接至脚本:
<script src="https://www.w3school.com.cn/js/myscript1.js"></script>
如对本文有疑问, 点击进行留言回复!!
后台管理系统之用bootstrap-validator做表单验证
JavaScript 好题汇总分享(持续更新,看到好题就写)
XMLHttpRequest 2级 &&进度事件&&JSONP
网友评论