JavaScript入门指南-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_27261927/article/details/70241932

JavaScript简介

JavaScript是NetScape公司为Navigator浏览器开发的，是显示HTML文件中的一种脚本语言，能实现网页内容的交互显示。当用户在客户端显示该网页时，浏览器就会执行JavaScript程序，用户通过交互的操作来改变网页的内容，来实现HTML语言无法实现的效果。

如何使用JavaScript

<script></script>

通过<script></script>中直接编写

代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <script type="text/javascript">
            alert('js课程开始了')
        </script>
    </body>
</html>

显示结果

1-1

<script src=’ ‘><script>

通过<script src=’目标文档的URL’><script>连接外部Js文件

代码

test1.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <script src="js/test1.js" type="text/javascript" charset="utf-8"></script>

    </body>
</html>

test1.js

document.write('hello');

显示结果

1-2

href属性值

作为某个元素的时间属性值或者是超链接的href属性值

代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>

        <a href="javascript:confirm('缺人吗')">报名</a>
        <p onclick="javascript:alert('hello word')">
            click me
        </p>
    </body>
</html>

显示结果

1-3

代码屏蔽

浏览器支持js时可执行，不支持时不执行

<script type="text/javascript">
    <!--
        js代码
    //-->
</script>

如果浏览器不支持JS可以使用

<noscript>
    该浏览器不支持js
</noscript>

JavaScript的基本语法

JavaScript的执行顺序：按照HTML文件中出现的顺序依次执行
大小写敏感：JavaScript严格区分大小写
忽略空白符和换行符
语句分隔符：使用；结束语句，可以把多个语句写在一行，最后一个语句的分好可以省略，但尽量不要省略。可以使用{}括成一个语句组，形成一个block
通过\对代码进行折行操作：document.write(‘hello\world’);
//单行注释多行注释/注释内容/
JavaScript中的保留字：abstract，else，instanceof，super，boolean，enum，int，switch，break，export，interface，synchronized，byte，extends，let，this，case，false，long，throw，catch，final，native，throws，char，finally，new，transient，class，float，null，true，const，for，package，try，continue，function，private，typeof，debugger，goto，protected，var，defaut，if，public，void，delete，inplements，return，volatile，do，import，short，while，doble，in，static，width
通过document.write()向文档书写内容
通过console.log()向控制台写入内容
语法错误：通过控制台进行调试
逻辑错误：通过alert() 进行调试