文章目录[隐藏]
在HTML中使用HTML需要借助<scirpt>标签,使用<script>标签的方式有两种:一种是直接在<script>标签中嵌入JavaScript代码,另一种是用<script>的src属性引入外部JavaScript文件。
直接在页面嵌入JavaScript代码
在使用<script>标签嵌入JavaScript代码时,只需为<script>指定type属性。然后,像下面这样把JavaScript代码直接放在标签内部即可:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title> <script type="text/javascript"> var word = "Hello, itbsl"; alert(word); </script> </head> <body> </body> </html>
<script>的type属性可以不要,这是因为当初标准的制定者认为标签内嵌入还可能会嵌入其他语言,需要用type来指定标签内的语言,但是发展到至今大家已经知道,这里只会嵌入JavaScript,目前所有浏览器的默认值就是text/javascript。
HTML文件内可以嵌入任意多个script标签。
引入外部JavaScript文件
如果要通过<script>标签包含外部JavaScript文件,那么src属性是必须的。这个属性的值是一个指向外部JavaScript文件的链接,例如:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title> <script type="text/javascript" src="./js/example.js"></script> </head> <body> </body> </html>
注意:带有src属性的<script>标签不应该在其<script>和</script>标签之间再嵌入任何JavaScript代码。如果嵌入了额外的JavaScript代码,则只会下载并执行src引入的外部脚本文件,嵌入的代码会被忽略。
以上就是在HTML中使用JavaScript的两种方法的详细内容,更多关于HTML中使用JavaScript的资料请关注华域联盟其它相关文章!
您可能感兴趣的文章:
- 去除HTML标签删除HTML示例代码
- 利用前端HTML+CSS+JS开发简单的TODOLIST功能(记事本)
- html+css+js实现canvas跟随鼠标的小圆特效源码
- html5以及jQuery实现本地图片上传前的预览代码实例讲解
- js+html+css实现手动轮播和自动轮播
- 如何学习html的各种标签
本文由 华域联盟 原创撰写:华域联盟 » 在HTML中使用JavaScript的两种方法
转载请保留出处和原文链接:https://www.cnhackhy.com/44960.htm