java web 之js学习一

本文介绍了JavaScript的基本语法特性,包括变量声明、数据类型、运算符及函数定义等内容,并详细讲解了JavaScript在网页中的应用方式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

javascript,浏览器脚本语言,使页面更加丰富,使页面动起来。

基本语法

区分大小写:变量、函数名、运算符以及其他一切东西都是区分大小写的。

变量弱类型:JavaScript中的变量无特定的类型,定义变量时只用var,可以将它初始化为任意值。可以随时改变变量所存数据的类型(尽量避免这样做)。如:

var color = "red";
var num = 25;
var visible = true;

每行结尾的分号可有可无:最好的代码编写习惯是总加入分号,因为没有分号,有些浏览器就不能正确运行。

注释:单行//,多行/*this is a comment line*/

大括号表示代码块:代码块表示一系列应该按顺序执行的语句,{ }

if (test1 == "red") {
    test1 = "blue";
    alert(test1);
}

变量命名:

  • 第一个字符必须是字母、下划线(_)或美元符号($)
  • 余下的字符可以是下划线、美元符号或任何字母或数字字符

数据类型 

原始类型(primitive type)包括如下:

Undefined:未定义类型

Boolean:布尔类型

Number:数值类型

String:字符或者字符串类型

Null: 空类型

引用类型包括如下:

对象类型,对象类型默认值是null

运算符

跟java差不多,JavaScript有一个===全等于的运算符比较特殊,全等于是类型和值都一致的情况下才为true。

语句

跟java一样

开发步骤

JavaScript通常都由一个事件触发,继而触发一个函数,所以我们要定义一个函数,获得操作对象的控制权以及修改要操作的对象的属性或值。

函数语法:

function 函数名称() {
    这里是要执行的代码
}

JavaScript还有一种匿名函数,其语法为:

window.onload = function(){ // 事件 = 函数(匿名函数)

}

事件通常与函数配合使用,这样就可以通过发生的事件来驱动函数执行了。JavaScript的常见事件可参考W3School对其的记载:

这里写图片描述

引入方式  

1,页面内直接编写JavaScript代码,JavaScript代码需要使用<script></script>包括。


<head>
    <meta charset="UTF-8">
    <title>我是一个死循环</title>
    <script type="text/javascript">
        function sayHi(){
        alert("Hi!");
        }
    </script>
</head>
<body>
<p>因为那该死的script,让我露个面都不行</p>
</body>

2,将JavaScript的代码编写到一个xxx.js的文件中,然后在HTML中引入该xxx.js文件即可。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>我是一个测试用例</title>
    <script type="text/javascript" src="example1.js"></script>
    <script type="text/javascript" src="example2.js"></script>
</head>
<body>
    <!--这里放内容-->
</body>
</html>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值