零.javascript导入

Light－Chaser

于 2024-09-02 21:09:16 发布

阅读量261

点赞数 8

文章标签：前端 javascript

本文链接：https://blog.csdn.net/m0_68485939/article/details/141829254

版权

开发交互web页面脚本语言，由解释器/浏览器逐行解释执行

javascript中DOM与BOM部分为重点内容，次之为函数【函数创建、函数调用......】，开发过程常用

DOM:文档对象模型，是W3C组织推荐的处理可扩展标记语言的标准编程接口。

BOM:浏览器对象模型，它提供了独立于内容的、可以与浏览器窗口进行互动的对象结构

1-书写结构

嵌入书写

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>基本结构</title>
    <script>
      //javascript代码书写区域，被script包裹
    </script>
  </head>
  <body></body>
</html>

引入书写

<script src="引用路径"></script>

2-基本语句

1-弹出输入框 prompt

2-弹出警示框 alert('弹窗');

3-控制台输出的,程序员查看信息使用

 console.log('控制台弹出的');

4-html文档页面输出内容

 document.write('<b>页面输出测试内容呀！</b>');

注意：document.writer中由html的标签会执行相应功能，并不是直接输出它

3-变量

3-1_本质：申请在内存中存储数据的空间

3-2_过程：声明【var】+赋值=初始化

3-3特殊：

<title>变量语法扩展</title>
    <script>
        //1-更新变量,只需要在响应变量名后更新内容即可
       var name='北京故宫';
       consle.log(name);
       name='北京欢迎你';
       console.log(name);
       //2-声明多个变量，原则：，号隔开，；结束
       var name=big,list=1;
       //声明特殊情况
       //1-只声明，不赋值
       var sex;
       console.log(sex);
       //2-不声明，不赋值
       console.log(name);
       //3-只赋值
       pig='猪';
       console.log(pig);
</script>

结果：