猫先生头条

1 JavaScript的基础语法

2023-11-04 14:16 由 五毛钱咩 发表于 #前端开发

JS概念

javaScript是用于实现用户交互、动态控制文档的外观和内容,动态控制浏览器操作、创建cookies等网页行为的跨平台、跨浏览器的由浏览器解释执行的客户端脚本语言;

特点

  • 是基于对象的弱类型语言

    • 弱类型语言：是一种弱类型定义的语言，某一个变量被定义类型，该变量可以根据环境变量自动进行转换，不需要经过显性强制转换。弱类型语言包括vb，php，javascript等。

    • 强类型语言：是一种强制类型定义的语言，一旦某一个变量被定义类型，如果不经过强制转换，则它永远就是该数据类型了，强类型语言包括java，net，c++等

  • 跨平台

    • Linux，windows，mac只要有浏览器，就能够运行

  • 事件驱动

    • 鼠标点击，鼠标悬浮，鼠标移动，键盘按下，键盘弹起，获取焦点，失去焦点，加载等常用的事件

用途

  • 表单客户端验证；

  • 动态HTML(DHTML)：不需要人为介入，就能自动实现动画效果。

  • 用户交互的动画效果：需要鼠标和键盘介入的动画效果

  • 动态添加一些网页内容

  • 动态的获取和改变html元素的属性或css属性，从而动态的创建网页内容或改变内容的显示

1.1.1 JS代码直接写在script标签中

<script>
    console.log('Hello World!');
</script>

1.1.2 JS代码单独存放在JS文件中

js/index.js

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  
     <!-- script标签最好添加到body闭合标签之前 -->
  <script src="./js/index.js"></script>
</body>
</html>

1.1.3 如何在页面中输出JavaScript

  • alert（"这是我的输出页面"）； 弹窗输出

alert("这是我输出的页面)

  • document.write（“这是我输出的内容”）； 在页面输出，可以输出标签

document.write("这是我输出的内容")

  • console.log（） 在控制台中打印，打印任意字符或者js的变量信息； 可以接受任何字符串、变量、数字、对象；

console.log("这是我输出的内容")

1.2 JavaScript注释方式

1.2.1 单行注释

// 单行注释

1.2.2 多行注释

/*
    多行注释
  多行注释
  多行注释
*/

 

 

热门相关：茅山捉鬼人   我在末世有套房   不伦小姐2   高甜预警：我家影后超猛的   我妻子的朋友