一、JAVA Script
1.1 基本用法
HTML中的三把利器的JS 又称为JavaScript,看着好像和Java有点联系,实际上他和java半毛钱关系都没有,JavaScript和我们学习的Python、Go、Java、C++等,都是一种独立的语言,Python的解释器有Python2.7、Python3.x,浏览器具有解释JavaScript的功能,所以它才是HTML的三把利器之一。
在HTML中可以将JavaScript/JS的代码写在head中,被script标签所包裹,当浏览器解释HTML时,遇到style标签时,按照CSS规则解释,遇到Script标签时,按照JavaScript的语法规则解释。
引入JavaScript代码,类似于Python的import
<script src="public.js" type="text/javascript"></script>
head中引入JS与body中引入JS区别
html代码从上而下解析,如果在head中引入JS,影响页面打开的速度,存在风险,所以通常放在htmlbody的最下方,这样页面内容先展示,最后在加载JS。注:写在最下面要有底线,写在body内部的最底下。
注释
单行注释通过 // 多行通过 /* */
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>摩羯座</title> </head> <body> <div> <input type="button" onclick="demo()" value="登录"> </div> <script> function demo() { console.log('123123') // 等同于python里的input alert('提示框!!!') // 提示框 flag = confirm('确认要登录吗?') //确认框 console.log(flag) } </script> </body> </html>
1、点击【登录】
出现弹窗
2、点击【确定】