码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript基础学习笔记

时间:2018-03-26 12:39:09      阅读:130      评论:0      收藏:0      [点我收藏+]

标签:blog   onclick   获取   插入   document   nbsp   cli   com   highlight   

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基础学习笔记

标签:blog   onclick   获取   插入   document   nbsp   cli   com   highlight   

原文地址:https://www.cnblogs.com/smelond/p/8649718.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!