JS的用法
1.JS与CSS相同 分为三种使用方法,分别为内部,内联,外部。
- 外部,较为推荐,目前主流的使用方法,通过src来引用外部js文件
引用外部 js 文件
<script src = "script.js"></script>
- 内部,常用于学习时写,写的时候位于body标签最下方,写在script标签内,注:script内JS出现错误时,整个script从错误JS开始下面全部失效,body内可同时出现多个script标签,单独一个标签内JS出现错误只影响单独标签,不影响其他的标签内JS运行
<body> <div>content</div> <script type="text/javascript"> alert('你好 世界!'); </script> </body> - 内联,不推荐
<input type="button" value="点我试试" onclick="alert('你好 世界!')" /
2.JS的注释
- 单行注释
// HBuilderX 快捷键 ctrl + /
- 多行注释
/**/ HBuilderX 快捷键 ctrl + shift + /
3.JS的输出
- console.log() JS 中常用的调试语句,该语句会将内容输出到控制台的 Console 中。
<script type="text/javascript"> console.log("你好 世界!");
</script>
- document.writeJS 中的输出语句,该语句会将内容输出到页面上,并且能够解析标签元素
<script type="text/javascript"> document.write('<h1>你好 世界</h1>'); </script> - alert()JS 中的警告弹框,该语句会将内容以弹窗的形式提示用户
<script type="text/javascript"> alert('你好 世界'); </script>