JavaWeb--快速入门JavaScript(一)

简介: JavaWeb--快速入门JavaScript(一)

一、JS介绍



Javascript 语言诞生主要是完成页面的焱据验证。因此它运行在客户端,需要运行浏览器来解析执行Javascript代码。


JS是Netscape网景公司的产品,最早取名为Livescript;为了吸引更多java程序员。更名为JavaScript


JS是弱类型,Java是强类型


弱类型就是类型可变。


强类型,就是定义变量的时候。类型已确定。而且不可变。


二、JS和HTML的结合方式



2.1 通过在html头部定义script标签来结合JS


<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        // window.onload = function (){
        //     var btnObj = document.getElementById("btnId");//[object HTMLButtonElement] -->DOM对象
        //     btnObj.onclick = function (){
        //         alert("js原生的单击事件");
        //     }
        // }
    </script>
</head>


2.2 使用script 标引入单独的JavaScript代码文件


image.png


2.3 两种方式的结合


<script type="text/javascript" src="1.js"></script>
<script type="text/javascript">
    window.onload = function (){
        var btnObj = document.getElementById("btnId");//[object HTMLButtonElement] -->DOM对象
        btnObj.onclick = function (){
            alert("js原生的单击事件");
        }
    }
</script>


三、变量



什么是变量?变量是可以存放某些值的内存的命名。


JavaScript的变量类型

数值类型:number

字符串类型:string

对象类型:object

布尔类型:boolean

函数类型:function


Javascript里特殊的值

undefined 未定义,所有js 变量未赋于初始值的时候,默认值都是


null 空值


NAN 全称是:Not a Number。非数字。非数值。


Js中的定义变量格式

var变量名;

var变量名=值;


关系(比较)运算

等于: == 等于是简单的做字面值的比较


全等于: === 除了做字面值的比较之外,还会比较两个变量的数据类型


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript">
var a = "12";
var b = 12;
alert( a == b ); // true
alert( a === b ); // false
</script>
</head>
<body>
</body>
</html>


逻辑运算

且运算: &&


或运算: |


取反运算: !(英文字母下的感叹号)



相关文章
|
3月前
|
Web App开发 JavaScript 前端开发
JavaWeb 22.Node.js_简介和安装
JavaWeb 22.Node.js_简介和安装
|
4月前
|
XML JavaScript 前端开发
JavaWeb基础4——HTML,JavaScript&CSS
HTML,JavaScript&CSS、元素、标签、css 选择器、属性、JavaScript基础语法、JavaScript对象、BOM浏览器对象模型、DOM文档对象模型、事件监听、正则对象RegExp/ES6
|
5月前
|
JavaScript 前端开发 UED
Javaweb之javascript的小案例的详细解析
通过上述步骤,我们得到了一个动态更新的实时时钟,这个简单的JavaScript案例展示了定时器的使用方法,并讲解了如何处理日期和时间。这个案例说明了JavaScript在网页中添加动态内容与交互的能力。对于涉足JavaWeb开发的学习者来说,理解和运用这些基础知识非常重要。
47 11
|
4月前
|
JavaScript 前端开发 API
Javaweb之javascript的BOM对象的详细解析
BOM为Web开发提供了强大的API,允许开发者与浏览器进行深入的交互。合理使用BOM中的对象和方法,可以极大地增强Web应用的功能性和用户体验。需要注意的是,BOM的某些特征可能会在不同浏览器中表现不一致,因此在开发过程中需要进行仔细的测试和兼容性处理。通过掌握BOM,开发者能够制作出更丰富、更动态、更交互性的JavaWeb应用。
45 1
|
4月前
|
自然语言处理 前端开发 JavaScript
Javaweb之javascript的详细解析
通过明确JavaScript的定位,掌握其核心概念和相关技术栈,在实现交互丰富的Web应用时,JavaScript就能够发挥它不可替代的作用。随着前后端分离趋势的推进,JavaScript在现代 Web 开发中变得更加重要,不仅限于传统的 JavaWeb 应用,而是广泛应用于各种类型的前端项目。
51 0
|
7月前
|
JavaScript 前端开发 安全
【JavaScript 】DOM操作快速入门
【JavaScript 】DOM操作快速入门
113 2
|
7月前
|
JavaScript 前端开发 Java
JavaScript快速入门
JavaScript快速入门
38 1
|
6月前
|
SQL 前端开发 JavaScript
JavaScript快速入门 有这一篇就够!
JavaScript快速入门 有这一篇就够!
|
6月前
|
存储 JavaScript 前端开发
如何快速入门使用Vue.js
如何快速入门使用Vue.js
52 0
|
7月前
|
Web App开发 存储 JavaScript
JavaScript快速入门
JavaScript快速入门
35 0