JavaScript笔记记录

最新推荐文章于 2025-04-19 14:42:18 发布

原创最新推荐文章于 2025-04-19 14:42:18 发布 · 262 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascrip

本文深入探讨前端开发核心技术——HTML、CSS与JavaScript，解析其各自功能与应用场景。HTML负责网页结构与内容，CSS用于网页美化，而JavaScript则增强页面交互性。文章详细介绍了JavaScript的数据类型、常见输出语句及变量定义，适合初学者与进阶开发者参考。

JavaScript笔记记录

编程语言

编程语言

1.机器语言
2.汇编语言
3.高级语言

前端三剑客

1.HTML：提供网页结构，网页内容。
2.CSS：用来美化网页。
3.JavaScript ：
核心（ECMAScript）：描述了JS的语法和基本对象。
文档对象模型（DOM）：处理网页内容的方法和接口。
浏览器对象模型（BOM）：与浏览器交互的方法和接口。

JavaScript

1.可以编写在页面的任何地方。
2.主要作用；为页面增加交互性。
3.弱类型语言变量类型根据变量中保存的内容定义。
4.严格区分大小写。
5.字符是英文半角。
6.lang=‘en’改为lang=‘zh’网页中不弹出是否翻译弹窗。

常见输出语句

1.弹出警告框
2.在文档中输出
3.引入js文件
4.在控制台输出

<body>
//弹出警告框
    <script>
        alert('Hello word');
        </script>
//引入js文件
    <script src="js/jichu.js">
    
    </script>
    <script>
      //在文档中输出
    document.write('hello');
   //在控制台输出
   //日志
        console.log('hello word');
     //警告
      console.warn('hello word');
      //输出错误
       console.error('hello word');
       //输出信息
        console.info('hello word');
    </script>
</body>

5.输入框
prompt(‘请输入’)；
6.确认框
confirm(‘是否删除’)；
7.js注释
a.单行注释 //
行注释中可以嵌套文档注释；
可以嵌套行注释；
b.多行注释 /* */
可以嵌套行注释；
不可以嵌套文档注释；
8.直接量又称字面量；可以在程序中直接使用的量
常见的字面量：
字符串：被单双引号包裹的内容
数值：数字
9.变量：计算机中使用一些符号用来存储数据。
变量的定义：var 变量名；
例：var num；定一个变量名字为num
num=100；将100赋值给numb
变量的取名规则；
a：字母或_或 $开始； b ：名字可以由字母 / 下划线 /$ /数字组成
c：名字不能用关键字和保留字
d：区分大小写
规范：
e：变量先定义在使用
f：变量有多个单词组成，遵循驼峰命名法

变量的扩展

    <script>
        //变量的赋值，传递的是值
        var a=520;
        b='love';
        c=1314;
        console.log(a,b,c);  
        c=b;
        console.log(a,b,c);
    //    变量的扩展
    var q='泰坦';
    w='尼克';
    e='号';
    document.write(q,w,e);
    var r=10;
    var t=typeof r;
    console.log(r);
    console.log(t);
        </script>

javascrip数据类型

1:基本（原始）数据类型；
a:string 字符串类型
b:number 数值类型
c:boolean 布尔类型 true真 false假
d:null 空
e:underfined 未定义
2:typef (检测数据类型)
3.定义字符串类型
var a =”hello“
console.log(typeof a) ；//string
var b=10;
consol.log（typeof b);//number
4.不规范写法：
a:未定义直接输出 console.log（a）
b:未定义赋值输出
num=10
consol.log（num）
c:先赋值后定义再输出（变量提升预编译先执行var定义）
num=10
var num；
consol.log（num）
等价于
var num
num=10；
consol.log（num）;