zoukankan      html  css  js  c++  java
  • JavaScript引入和输出

    编辑本博客

    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输出方式

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

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

  • 相关阅读:
    Oracle 常用的单行函数
    mysql练习02
    mysql练习
    Linux命令
    JSS
    CSS
    Html标签
    需求文档
    Oracle 常用的单行函数
    RHEL7最小化安装之后(桥接模式),查看本机IP,
  • 原文地址:https://www.cnblogs.com/yaya625202/p/9169429.html
Copyright © 2011-2022 走看看