JS基础语法部分

最新推荐文章于 2021-11-26 17:35:36 发布

用户不存在_

最新推荐文章于 2021-11-26 17:35:36 发布

阅读量225

点赞数

分类专栏： web

本文链接：https://blog.csdn.net/m0_49902448/article/details/117408776

版权

本文介绍了JavaScript的基础知识，包括JavaScript的起源、在HTML中的三种嵌入方式、变量的声明和使用、函数的声明与调用、数据类型如Undefined、Number、Boolean、String和Object的介绍，以及JavaScript中的一些特殊概念，如局部变量、全局变量、NaN和Infinity。文章还讨论了如何通过typeof运算符检查数据类型，并提供了转换和操作数字的函数示例。

摘要由CSDN通过智能技术生成

什么是JavaScript

JavaScript是运行在浏览器上的脚本语言. 简称JS
JavaScript是网景公司 (NetScape) 的布兰登艾奇 (JS之父) 开发的, 最初叫LiveScript
LiveScript的出现让浏览器更加的生动, 不再是单纯的静态页面了. 页面更具有交互性
在历史的某个阶段, SUN公司和网景公司他们之间有合作关系, SUN公司把LiveScript的名字修改为JavaScript
JavaScript这个名字中虽然带有Java, 但是和Java没有任何关系, 只是语法上有点类似
Java运行在JVM中, JavaScript运行在浏览器的内存当中
JavaScript程序不需要我们程序员手动编译, 编写完源代码之后, 浏览器直接打开解释执行
JavaScript的"目标程序"以普通文本形式保存, 这种语言都叫做"脚本语言"
Java的目标程序以.class形式存在, 不能使用文本编辑器打开, 不是脚本语言
网景公司目前被美国在线收购
网景公司最著名的是领航者浏览器, Navigator浏览器
LiveScript的出现, 最初的时候是为Navigator浏览器量身定做的一门语言, 不支持其他浏览器
当Navigator浏览器使用非常广泛的时候, 微软害怕了, 于是微软在最短的时间内组建了一个团队开始研发只支持IE浏览器的脚本语言, 叫做 JScript
JavaScript和JScript并存的年代, 程序员是很痛苦的, 因为程序员要写两套程序, 在这种情况下, 有一个非营利性组织站出来了, 叫做ECMA组织 (欧洲计算机协会) ,ECMA根据JavaScript制定了ECMA-262号标准, 叫做ECMA-Script, 现代的JavaScript和JScript都实现了ECMA-262规范
以后大家会学习JSP技术, 与JS无半毛钱关系

在HTML中嵌入JavaScript代码的三种方式

HTML中嵌入JS代码的第一种方式

要实现的功能: 用户点击以下按钮, 弹出消息框

<!doctype html>
<html>
    <head>
        <title>HTML中嵌入JS代码的第一种方式</title>
    </head>
    <body>
        <input type="button" value="hello" onclick="window.alert('hello js')"/>
        <input type="button" value="hello" onclick="alert('第一次弹窗')
                                                    alert('关掉我还会有弹窗')
                                                    alert('第三次弹窗')"/>

    </body>
</html>

input表单, type类型为button, value值为hello
JS是一门事件驱动型的编程语言, 依靠事件去驱动, 然后执行对应的程序, 在JS中有很多事件, 其中有单击click, 事件都会对应一个事件句柄onclick, 事件句柄是以HTML标签的属性存在的
页面打开的时候, JS代码并不会执行, 只是把这段JS代码注册到按钮click事件上, 等这个按钮发生click事件之后, 注册在onclick后面的JS代码会被浏览器自动调用
怎么使用JS代码弹出消息框? 在JS中有一个内置的对象叫做window, 全部小写, 可以直接拿来使用, window代表的是浏览器对象, window对象有一个函数叫做alert, 用法是window.alert(消息), 这样就可以弹窗了
window. 可以省略不写

HTML中嵌入JS代码的第二种方式

<!doctype html>
<html>
    <head>
        <title>HTML中嵌入JS代码的第二种方式</title>
    </head>
    <body>
        <script type="text/javascript">
            window.alert("hello world!");
            window.alert("嘿嘿嘿你关不掉我");
        </script>
        <input type="button" value="我是一个按钮">
    </body>
</html>

脚本块方式
暴露在脚本块当中的程序, 在页面打开的时候执行, 并遵守自上而下的顺序依次执行
JavaScript脚本块在一个页面中可以出现多次, 没有要求, 脚本块的位置也没有要求, 随意
alert会阻塞页面的加载

HTML中嵌入JavaScript代码的第三种方式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML中嵌入JavaScript代码的第三种方式</title>
</head>
<body>
    <script type="text/javascript" src="JS/1.js"></script>
    <script type="text/javascript">
        alert("hi");
    </script>
</body>
</html>