JavaScript基础（一）

原创于 2021-07-14 19:42:26 发布 · 141 阅读

0 ·

CC 4.0 BY-SA版权

Java script 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了如何引用外部JS、修改HTML动态数据、document.write的使用，以及显示数据的四种方法。深入讲解了JavaScript字面量、变量和不同编程概念，如函数、数组和对象定义。

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

1.引用外部js文件

2.点击按钮后修改html中的数据

<head>
    <script>
        function myFunction(){
            document.getElementById("demo").innerHTTP="这是修改后的内容";
        }

    </script>
</head>
<body>
    <p id="demo">这是修改前的内容</p>
    <button type="button" onclick="myFunction()"></button>
</body>

3.document.write()覆盖问题

HTML 输出流中使用 document.write，相当于添加在原有html代码中添加一串html代码。而如果在文档加载后使用（如使用函数），会覆盖整个文档。

4.Java script显示数据的4种方法

（1）弹出警告框： windows.alert();

（2）写入HTML文档中： document.write()

（3）使用id属性来标示html元素，并用innerHTML方法写入；

例：document.getElementById("demo").innerHTML="这是改变的内容";

解析：getElementById()中的内容是某标签的id属性，innerHTML后引号的内容是想输出的内容。

（4）console.log()方法在浏览器中显示JavaScript的值。

5.JavaScript字面量（在编程语言中，一般固定值被称为字面量）

（1）数字字面量（整数，小数，科学技术法）

例：10 3.14 3e10