JavaScript引入和输出-优快云博客

本文介绍了JavaScript的两种主要引入方式：内联式和外联式，并详细解释了每种方式的应用场景。此外，还列举了JavaScript常用的输出方法，如document.write(), console系列函数等，帮助读者更好地理解和运用。

编辑本博客

JavaScript引入方式

js代码从上至下的执行

内联式：

在文档中通过<script>标签来写js代码，建议放在body结束标签之后。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js引入和输出</title>
</head>
<body>
<!--dom doaument object model-->
<p id="p1" onclick="clickhandler()">js引入和输出</p>
</body>
<!--通过内联式编写js代码,建议放在body标签结束之后，即等待页面加载完成后再执行-->
<script type="text/javascript">
    <!--js代码-->
    function clickhandler(){
        //弹出警告框
        alert()
    }
</script>
</html>

View Code

外联式：

在head标签中，用script标签的src属性引入。项目中建议使用外联试

<head>
    <meta charset="UTF-8">
    <title>js引入和输出</title>
    <script src="js/32%20js引入和输出.js"></script>
</head>

View Code

注释

单行注释：//
多行注释：/**/

JavaScript输出方式

document.write()向文档内输入内容，不会覆盖文档原内容
console控制台输出
console.log()向控制台抛出一条信息
console.error()向控制台抛出一个异常
console.dir()输入一个对象的全部属性
console.clear()清除
prompt()接收用户输入
alert()弹出一个带有一条指定信息的消息或警告
innerHTML/innerText获取或向指定元素内添加内容
innerHTML获取元素所有内容，包括元素本身，还可以解析内容样式
innerText获取元素内的文本内容

每个能独立完成一个功能的代码以分号结束，即一个代码块

转载于:https://www.cnblogs.com/yaya625202/p/9169429.html