c-pp

导航

1 JavaScript的基础语法

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 多行注释

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

 

 

posted on 2023-11-04 14:16  五毛钱咩  阅读(69)  评论(0编辑  收藏  举报