2022.1.19-20 Javaweb JavaScript入门精讲_java true转化为1-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_43416650/article/details/122582306

这篇博客深入讲解了JavaScript的引入方式，包括内部脚本和外部脚本。接着介绍了JavaScript的基础语法，如输出语句、变量、数据类型、运算符以及类型转换。还讨论了流程控制语句、函数的使用，特别是参数传递的特点。此外，文章涵盖了JavaScript对象，如Array、String和自定义对象，并提及了BOM中的Window对象和DOM操作，包括事件监听和常见事件。最后，提到了正则表达式在表单验证中的应用。

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

JavaScript
在这里插入图片描述
JavaScript引入方式
分为内部脚本和外部脚本
内部脚本：将JS代码定义在HTML页面中
外部脚本：将JS代码定义在外部JS文件中，然后引入到HTML页面中

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
<script src="../js/demo.js"></script>
</body>
</html>

JavaScript基础语法
书写语法
在这里插入图片描述
输出语句

变量

VAR ：
1.定义的变量为全局变量
2.可以重复定义

数据类型
在这里插入图片描述
运算符

注意：在js中 ==比较会先进性类型转换，然后再比较
===全等于就不会进行类型转换，先判断类型是否一样，在判断值是否一样

类型转换
*其他类型转为number:
1.string:按照字符串的字面值，转为数字，如果字面值不是数字，则转换为NaN。一般使用parseInt
在这里插入图片描述

2.boolean:true 转为1，false转为0.

*其他类型转为boolean类型：
1.number:0转为false，而其他的会转为true。
2.String：空字符串转为false，其他转换为true。
3.null:false。
4.underfined:false。

流程控制语句
在这里插入图片描述
与Java一致
函数

传递多个参数，会导致多出来的参数丢失。少传入参数会得到NaN。

JavaScript对象
·Array
·String
·自定义对象
在这里插入图片描述
JS的数组是变长的。
String

自定义对象

BOM

Navigator和Screen用的少，不展开。
Window

confirm()方法有返回值，确定返回true ，取消返回false。

var flag = comfirm("确认删除？")
if(flag){
		//删除逻辑
		}

setTimeout(function,毫秒值)：在一定的时间间隔后执行一个function.只执行一次。
setInterval(function,毫秒值)：在一定的时间间隔后执行一个function.循环执行。

案例：定时切换图片

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript演示</title>
</head>
<body>
<img id="myImage" border="0" src="../imgs/off.gif" style="text-align:center;">
<script>
    function on(){
        document.getElementById('myImage').src='../imgs/on.gif';
    }
    function off(){
        document.getElementById('myImage').src='../imgs/off.gif'
    }
    //定时器
    var x=0;
    setInterval(function(){
        if(x%2==0){
            on();}
        else{
            off();}
        x++;
        }
        ,1000);
</script>
</body>
</html>