首页 > Web开发 > 详细

HTML基础三-JS

时间:2019-12-14 16:40:51      阅读:77      评论:0      收藏:0      [点我收藏+]

一、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、点击【确定】

技术分享图片

1.2 html引入JS文件

HTML基础三-JS

原文:https://www.cnblogs.com/zibinchen/p/12039979.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!