Python JavaScript

JavaScript

一 JavaScript是什么(html网页的动态效果):

　　JavaScript（下文我们会用简称JS来代替）是脚本编程语言，JS语言开发的文件是以.js为后缀，通过在html文件中引入该js文件来控制html代码的交互功能以及前台数据处理的业务逻辑（js语言代码也可以直接写在html文件中），采用的ECMAScript语法，属于编程语言。

注意：JavaScript跟Java没有半毛钱关系，纯粹是为了蹭当时红极一时java的热度.

二 JavaScript三种书写位置（css也是三种）

① 行间式（JS代码书写在标签的事件全局属性中，采用的是JS编程语言的语法）

<!-- 关键代码 -->
<!-- 给div标签添加点击事件的交互逻辑：弹出文本提示框 -->
<div onclick="alert(‘点击我完成页面交互‘)">点我</div>

② 内联式（JS代码书写在script标签中）

JS代码书写在script标签中，script标签可以出现在页面中的任意位置，建议放在body标签的最后(html代码 是自上而下进行解析加载，放在body标签的最下方，会保证页面所有标签都加载完毕，html再去加载js文件， 那么js脚步文件就会更好的控制页面标签的人机交互了)，采用的是JS编程语言的语法

<!-- 关键代码 -->
<!-- 页面被加载打开时，就会触发事件的交互逻辑：弹出文本提示框 -->
<body>
    <!-- body标签中的所有子标签位置 -->
    
    <!-- script标签出现在body标签的最下方 -->
    <script>
        alert(‘该页面被加载！‘)
    </script>
</body>

③ 外联式（文件引入）

JS代码书在外部js文件中，在html页面中用script标签引入js文件（建议在body标签最下方引入，理由同上）

#1.js文件夹下的my.js
alert(‘外联式js文件弹出框‘)

#2.根目录下的first.html
<!-- 关键代码 -->
<!-- 页面被加载打开时，就会触发事件的交互逻辑：弹出文本提示框 -->
<body>
    <!-- body标签中的所有子标签位置 -->
    
    <!-- script标签出现在body标签的最下方 -->
    <script src="js/my.js">
        /* 不要在此写JS代码，原因是用来引入外部js文件的script标签，标签内部书写的JS代码不在起作用 */
    </script>
</body>

总结：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #dd {
            width: 200px;
            height: 200px;
            background-color: orange;
        }
    </style>

</head>
<body>
    <!-- 点击弹出：hello js -->
    <!--行间式: 写在标签的 事件属性 中-->
    <!--<div id="dd" onclick="alert(‘hello js‘)"></div>-->
    <div id="dd"></div>

</body>
<!--内联式：写在script标签中，script标签应该出现在body的最下方(可以将其放在body结束后)-->
<script>
    dd.onclick = function () {
        alert(‘hello js‘)
    }
</script>

<!--外联式：通过script标签的src属性，链接外部js文件-->
<script src="js/js导入.js">
    // 一个script标签拥有src引入外部js文件后，就相当于单标签，所以内部的代码会被自动屏蔽
    dd.onclick = function () {  // 不会起作用
        alert(666)
    }
</script>
</html>

三种引入总结

三 JavaScript注释

#1.js注释：
    单行注释   /单行内容/
    
    多行注释   /多行内容  /

 #2.js语言是以分号(;)作为语句的结束符    一般情况下不加分号也不会报错

四 JavaScript基础语法

① 变量的定义（变量名是区分大小写的,var与python一样可覆盖赋值let不可以）

ECMA6最新语法

 #  1  .变量关键字var与let的区别： 
    var作用的是全局
    let作业的是局部，可以保证变量的不被随意的修改（ 指的是是所声明的变量只在let命令所在的代码块内有效。例如：for循环的计数器就很适合使用let命令 。）
 例：
  var/let是关键词、num是变量名、=为赋值符、10为变量值、;为JS语言语句的结束标识符
  var num = 10;    for (let i=0;i<arr.length;i++){...}

 # 2  .在js中 是有真正意义上的常量，声明常量关键字 const   const PI = 3.14;  (常量声明时必须赋初值，且一旦赋值，不可改变)  #3.变量的命名规范    1. 由 字母，数字，_，$组成 ，不能以数字开头（可以包含中文字符） 2. 区分大小写 3. 不能出现关键字及保留字  #4.注意

变量名是区分大小写的。

推荐使用驼峰式命名规则。

保留字不能用做变量名。

② 基本数据类型

#1.数值类型：number（js中将整型和浮点型统称为数值类型）

var num = 10;
const PI = 3.14;
console.log(typeof(num), num);  // 结果：number  10

NaN：是数值类型但是表示的意思是不是一个数字

#2.字符串类型：string(单双引号定义)

字串串定义

查看更多关于Python JavaScript的详细内容...

声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did172070

更新时间：2023-04-17 阅读：27次