前端(JavaScript)------简介与变量

简介: HTML中的脚本必须位于<script>与</script>标签之间

1.JavaScript用法

 (1)HTML中的脚本必须位于<script>与</script>标签之间。

 (2)脚本可被放置在HTML页面的<body>和<head>部分中。

 常用的两种引入js的方法:

 1)在head标签里面引入外部的.js文件

 2)在body结束标签之前引入内部脚本

<script>
              alert(“我的第一个JavaScript”);
      </script>

2.JavaScript 输出

    JavaScript可以通过不同的方式来输出数据:

    1)  window.alert() 弹出警告框

<script>
             window.alert(5+6);
        </script>

 2) document.write()方法将内容写到 HTML 文档中

     3) console.log() 写入到浏览器的控制台

<script>
           console.log(“hello  world”) ;
          </script>

3.JavaScript基础运算符简介

 (1typeof 获取当前变量类型运算符(特殊)

  (2= 赋值运算符

            赋值运算符用来给变量赋值。

var  age=14;

  ps:千万不要认为【赋值运算符】是【数学中的等号】。两者表达的是不同的内容。

  (3==  简要比较运算符(忽略变量类型)

var age = 14;
            console.log(age==12); //false

比较运算符的计算结果是一个布尔值。两个变量的比较结果要么是true,要么是false。

     至于说忽略变量类型的原因

var number1=10;
           var string1="10";
         console.log(number1==string1); //true

  4=== 标准比较运算符(计算变量类型)

var age=14;
          console.log(age===14); //true
              var number1=10;
              var string1="10";
             console.log("number1===string1");//true

       标准比较运算符在比较两个变量的值的时候,既考虑变量的类型是否相等,又考虑变量的值是否相等。但是本质上说标准比较运算符也是比较运算符的一种,只不过比较的标准较严格一些。


目录
相关文章
|
2月前
|
JavaScript 前端开发 程序员
前端原生Js批量修改页面元素属性的2个方法
原生 Js 的 getElementsByClassName 和 querySelectorAll 都能获取批量的页面元素,但是它们之间有些细微的差别,稍不注意,就很容易弄错!
|
2月前
|
JavaScript 前端开发 Java
springboot解决js前端跨域问题,javascript跨域问题解决
本文介绍了如何在Spring Boot项目中编写Filter过滤器以处理跨域问题,并通过一个示例展示了使用JavaScript进行跨域请求的方法。首先,在Spring Boot应用中添加一个实现了`Filter`接口的类,设置响应头允许所有来源的跨域请求。接着,通过一个简单的HTML页面和jQuery发送AJAX请求到指定URL,验证跨域请求是否成功。文中还提供了请求成功的响应数据样例及请求效果截图。
springboot解决js前端跨域问题,javascript跨域问题解决
|
1月前
|
存储 JavaScript NoSQL
Node.js新作《循序渐进Node.js企业级开发实践》简介
《循序渐进Node.js企业级开发实践》由清华大学出版社出版,基于Node.js 22.3.0编写,包含26个实战案例和43个上机练习,旨在帮助读者从基础到进阶全面掌握Node.js技术,适用于初学者、进阶开发者及全栈工程师。
55 9
|
2月前
|
缓存 JavaScript 前端开发
JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用。
62 5
|
2月前
|
缓存 前端开发 JavaScript
JavaScript前端路由的实现原理及其在单页应用中的重要性,涵盖前端路由概念、基本原理、常见实现方式
本文深入解析了JavaScript前端路由的实现原理及其在单页应用中的重要性,涵盖前端路由概念、基本原理、常见实现方式(Hash路由和History路由)、优点及挑战,并通过实际案例分析,帮助开发者更好地理解和应用这一关键技术,提升用户体验。
89 1
|
2月前
|
JSON 前端开发 JavaScript
聊聊 Go 语言中的 JSON 序列化与 js 前端交互类型失真问题
在Web开发中,后端与前端的数据交换常使用JSON格式,但JavaScript的数字类型仅能安全处理-2^53到2^53间的整数,超出此范围会导致精度丢失。本文通过Go语言的`encoding/json`包,介绍如何通过将大整数以字符串形式序列化和反序列化,有效解决这一问题,确保前后端数据交换的准确性。
59 4
|
8月前
|
JavaScript 前端开发
js变量的作用域、作用域链、数据类型和转换应用案例
【4月更文挑战第27天】JavaScript 中变量有全局和局部作用域,全局变量在所有地方可访问,局部变量只限其定义的代码块。作用域链允许变量在当前块未定义时向上搜索父级作用域。语言支持多种数据类型,如字符串、数字、布尔值,可通过 `typeof` 检查类型。转换数据类型用 `parseInt` 或 `parseFloat`,将字符串转为数值。
47 1
|
8月前
|
JavaScript 前端开发
JavaScript变量、数据类型、运算符及类型转换
JavaScript变量、数据类型、运算符及类型转换
73 0
|
JavaScript 前端开发
JavaScript 语法:变量、数据类型及数据类型转换
JavaScript 语法 之 变量、数据类型及数据类型转换
68 0
JavaScript 语法:变量、数据类型及数据类型转换
|
8月前
|
存储 JavaScript 前端开发
【JavaScript技术专栏】JavaScript基础入门:变量、数据类型与运算符
【4月更文挑战第30天】本文介绍了JavaScript的基础知识,包括变量(var、let、const)、数据类型(Number、String、Boolean、Undefined、Null及Object、Array)和运算符(算术、赋值、比较、逻辑)。通过实例展示了如何声明变量、操作数据类型以及使用运算符执行数学和逻辑运算。了解这些基础知识对初学者至关重要,是进阶学习JavaScript的关键。
60 0
下一篇
开通oss服务