JavaScript 01_JavaScript基础

最新推荐文章于 2024-06-10 22:18:41 发布

春田花花幼儿园长

最新推荐文章于 2024-06-10 22:18:41 发布

阅读量244

点赞数

分类专栏： HTML5 HTML 前端文章标签： javascript

本文链接：https://blog.csdn.net/iamts/article/details/125919850

版权

HTML 同时被 3 个专栏收录

14 篇文章 0 订阅

订阅专栏

HTML5

1 篇文章 0 订阅

订阅专栏

前端

1 篇文章 0 订阅

订阅专栏

一.JavaScript基础

1.JavaScript的构成

JavaScript的实现由核心(ECMAScript)、文档对象模型(DOM)、浏览器对象模型(BOM)组成

BOM： Browser Object Model，提供与浏览器交互的方法和接口

DOM： Document Object Model，提供访问和操作网页内容的方法和接口

2.JavaScript的特点

JavaScript是一种脚本语言并且是一种基于对象和事件驱动的脚本语言，与HTML、Java的Applet一起实现在一个web页面中连接多个对象，并与web客户交互作用，开发各种客户端的应用程序，满足人们的各种需求：

①JavaScript是一种脚本编程语言：采用小程序段的方式实现编程

②JavaScript是一种面向对象的语言：它本身也可以创建对象，以及调用对象的操作

③JavaScript的简单性：所有变量都是弱类型

④JavaScrip的安全性：JS是一种非常安全的语言，它不允许访问本地的硬盘，并且不允许把数据存入到服务器上，还不允许对网络文档进行修改和删除，只允许通过浏览器实现信息浏览和动态交互，这样确保了对数据的安全化操作

⑤JavaScript的动态性：可以直接对用户或客户的输入操作做出响应

⑥JavaScript的跨平台性

3.JavaScript的使用

3.1.行级

给标签设置对应的属性，执行对应属性值的JavaScript代码

<a href="javaScript:alert("hello world！")"></a>

3.2.嵌入

通过script标签嵌入

<script> window.alert("hello world！"); </script>

①可以将JavaScript代码嵌入到head中或body中的任何地方

②含在<script>元素内部的JavaScript代码将被从上至下依次解释

3.3.引入

使用script标签，标签需要闭合，设置属性src

①嵌入和导入的数量不受限制

②使用script 标签引入外部js文件时（标明src属性，不管有没有赋值），标签内容部分再填写js语句是不能执行的

③js代码直接写在一个独立的文件里面，该文件就是js文件，后缀是.js

4.JavaScript 输出

  <script>
    //弹出一个有确定按钮的信息框，多用于信息警告
    window.alert("hello world！");
    //将内容输出到HTML文档中，如果文档加载完成后执行，则会覆盖掉 所有原文档信息
    document.write("hello world！");
    //弹出一个选择框，点击“确定”按钮返回TRUE；点击“取消”返回 FALSE。
    window.confirm("hello world！");
    //弹出用户输入框
    window.prompt("hello world！");
    //从JavaScript访问HTML元素，可以使用document.querySelector()方法并使用innerHTML来获取或插入元素内容：
    document.getElementById("world").innerHTML = "China";
    //打印日志信息到浏览器的控制台
    console.log("hello world！");
    console.log(prompt("hello world！");
    console.log(confirm("hello world！"));//确定返回，取消不返回
    console.warn("打印'警告'到控制台"); 
    console.error("打印'错误'信息到控制台");
    console.dir(fn);//控制台描述信息
  </script>