JavaScript基础语法

最新推荐文章于 2025-06-26 16:22:34 发布

Nawkham

最新推荐文章于 2025-06-26 16:22:34 发布

阅读量174

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/Nawkham/article/details/109747325

javascript 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了JavaScript基础，包括其在浏览器中的解析情况，嵌入HTML文件的方式，如放在特定位置、定义外部文件、在元素事件属性及超链接中定义等。还阐述了语法基础，涵盖变量、数据类型（数字、字符串、数组等），并提醒JS代码要加分号、大小写敏感等。

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

JavaScript基础

浏览器可以解析HTML+CSS+JavaScript

嵌入HTML文件中

一般放在中

<head>
    <script>
        alert("HY000")
    </script>
</head>

定义外部文件

将javascript代码卸载一个独立的脚本（扩展名为.js）中，在页面中使用时直接导入该脚本

<script type="text/javascript" src="https://www.google-analytics.com/analytics.js"></script>
<script type="text/javascripy" src="./analytics.js"></script>

alert("123")	/*弹窗显示123*/

在HTML的元素事件属性中

事件，通过某个动作来完成某个事

常用事件

<!--onclick点击事件-->
<input type="button" name="button" value="点我" onclick="alert(/123/)">
<input type="button" name="button2" value="鼠标移上来" onmouseover="alert('hello')">
<input type="text" name="change" onchange="alert('文本框内容更改触发事件')" value="change">

在超链接中定义

<a href="javascript:alert(/a标签/)">a标签</a>

简单的JavaScript例子

<head>
    <!-- 定义函数，完成某个操作写的代码放在这里 -->
    <script type="text/javascript">
        function Demo() {
            /*function是js中开始定义函数的一个标识，大小写敏感*/
            // 函数名用英文，demo是函数名，可以自定义，命名规范是驼峰法: demoTest
            // params是参数，可要可不要
            // {}写函数具体要做的事
            // 每行代码之后要加;
            alert("Easy Js!")        
        }
    </script>
</head>
<body>
    <input type="button" value="点我" onclick="Demo()">
</body>

<head>
    <script type="text/javascript">
        function myFun() {
            alert("Hello World");
        }
    </script>
</head>
<body>
    <!-- 在调用js函数的时候，必须注意的事项：函数名() -->
   <input type="button" name="button" value="按钮" onclick="myFun()"> 
</body>

alert(this.Document.cookie)

alert(Document.name)

<head>
    <script>
        function changeContents() {
            document.getElementById('hk').innerHTML = "New";
        }
    </script>
</head>
<body>
    <div id="hk">Raw</div>
    <br>
    <input type="button" name="bt" value="改变内容" onclick="changeContents()">
</body>

<head>
    <script>
        function changeContents() {
            alert(document.getElementById('hk').value);
        }
    </script>
</head>
<body>
    <br>
    <input type="text" name="text" id="hk" onchange="changeContents()">
</body>

<head>
    <script>
        function load(params) {
            alert("当前文档加载完毕")
        } 
    </script>
</head>
<body onload="load()">
 1 <br>
 2 <br>
 3 <br>
 4 <br>  
</body>

<head>
    <script>
        function wd() {
            // 将文档中所有内容都覆盖掉
            document.write("写锤子！");
        }
    </script>
</head>
<body>
    <input type="button" onclick="wd()" value="写！">
    这个也会被覆盖掉
</body>

<head>
    <script>
        function wd() {
            // 将文档中所有内容都覆盖掉
            document.write("<a href='https://www.baidu.com'>不会百度</a>");
        }
    </script>
</head>
<body>
    <input type="button" onclick="wd()" value="写！">
    这个也会被覆盖掉
</body>

<body>
    <script>
        document.write("document.write不需要事件触发")
    </script>
</body>

语法基础

变量：用来存放数据（可变化）的地方，在JS中变量用var来修饰，例如var test;，其中test是变量名。test可以不赋初值；如果赋初值，这叫做初始化。

var demo = "string";

var number = 12;

var gender = False

数据类型：

数字：3.14, 1001, 123e3=123*10^3
字符串：用单双引号括起来的
数组：[1, 3, 4, 5]，下标从0开始，最大下标3

[1, 'b', 0, 123, [7, 8, 11]]
对象：{name: 'LIMA', age: 20}，键值对，就像Python中的字典一样。
布尔值：False和True
Undefined（未定义）和Null（空值）

注意：

JS代码写完之后一定要加分号；
JS中大小写敏感；
单行注释//，多行注释/* */