JavaScript基础学习笔记

Posted smelond

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript基础学习笔记相关的知识,希望对你有一定的参考价值。

javascript 是脚本语言

JavaScript 是一种轻量级的编程语言。

JavaScript 是可插入 html 页面的编程代码。

JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。

写入 HTML 输出:

<!DOCTYPE html>
<html>
<body>
  <p>JavaScript 能够直接写入 HTML 输出流中:</p>
<script>
  document.write("<h1>这是h1标签</h1>");
  document.write("<p>这是p标签</p>");
</script>
</body>
</html>

对事件作出反应:

<!DOCTYPE html>
<html>
<body>
  <h1>对事件作出反应</h1>
  <p>单击按钮弹出welcome</p>
  <button type="button" onclick="alert(‘Welcome!‘)">点击这里</button>
</body>
</html>

改变html内容:

<!DOCTYPE html>
<html>
<body>
    <h1>我的第一段 JavaScript</h1>
    <p id="demo">JavaScript 能改变 HTML 元素的内容。</p>
<script>
    function myFunction() {    //定义一个函数
        x = document.getElementById("demo");  // 找到元素(用getElementById获取页面id=demo的元素)
        x.innerHTML = "Hello JavaScript!";    // 改变内容
    }
</script>
<button type="button" onclick="myFunction()">点击这里</button>    <!--当点击按钮时,执行myFunction函数-->
</body>
</html>

 

以上是关于JavaScript基础学习笔记的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript基础学习笔记

js基础教程学习笔记

javaScript 基础学习笔记

学习笔记JavaScript基础

C#学习笔记——需要注意的基础知识

学习笔记:python3,代码片段(2017)