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

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

猜你喜欢

转载自www.cnblogs.com/yaya625202/p/9169429.html