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获取元素内的文本内容

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

posted @ 2018-06-11 21:45  丫丫625202  阅读(196)  评论(0)  编辑  收藏  举报