Javascript笔记

最新推荐文章于 2025-12-15 15:15:21 发布

原创最新推荐文章于 2025-12-15 15:15:21 发布 · 119 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #js

学习笔记专栏收录该内容

2 篇文章

订阅专栏

本文介绍了JavaScript的基本语法特性，包括大小写敏感性、语句结束符号及代码格式化技巧，并详细阐述了JS代码的多种编写方式，如内联在HTML标签、置于超链接或使用<script>标签以及引入外部JS文件等。

1.基本语法

1.Js中严格区分大小写
2.Js中每条语句以 ; 结尾，依次向下执行
（如果不写，系统会自动添加，但会消耗一些系统资源，有时候会加错）
3.Js中会忽略多个空格和换行，所以可以利用空格和换行对代码进行格式化

/*
   1.单行注释，双斜杠 //
   2.多行注释，如本例
*/

2.写法

1.可以写在标签的属性中
2.可以写在超链接href属性中，点击超链接就会执行
3.可以将js代码写到script标签中
4.编写外部js文件，然后通过script标签引入,可以在不同的页面中引用

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Js_01</title>
    <script type="text/javascript">
        /*
            弹出一个警告框
                alert("ERROR");
            页面输出一个内容
                document.write("nice");  可以向body中输出一个内容
            向控制台输出一个内容
                console.log("good!");
        */
    </script>
</head>

<body>
    <h3>Js代码编写的位置</h3>

    <p>1.可以将js代码编写到标签的onclick属性中,点击按钮执行</p>
    <!--虽然可以写在标签的属性中，但不方便维护，不推荐使用-->
    <input type="button" value="点击弹出" onclick="alert('点我有惊喜!');">

    <p>2.可以写在超链接href属性中，点击超链接就会执行</p>
    <a href="javascript:alert('再点一下!');">点击</a>
    <a href="javascript:;">点击无结果</a>

    <p>3.可以将js代码写到script标签中</p>

    <p>4.编写外部js文件，然后通过script标签引入,可以在不同的页面中引用</p>
    <!--
        <script type="text/javascript" src="waibu.js"></script>
        script 标签引入外部文件后不能再编写代码了，如果有需要，则再创建新的script标签用于编写内部代码
    -->
</body>

</html>