JavaScript概况

版权声明:版权所有 https://blog.csdn.net/qq_38216661/article/details/81878565

JavaScript概况

JavaScript是什么?

  • JavaScript是互联网上最流行的脚本语言,
  • 是一种轻量级的编程语言
  • 是可插入到HTML页面中的编程代码
  • JavaScript插入HTML页面后,可由所有的浏览器执行
  • 综上:JavaScript是Web的编程语言

JavaScript能做什么?

  • HTML 定义了网页的内容
  • CSS 描述了网页的布局和显示
  • JavaScript 是网页的行为
  • 我们可以通过JavaScript:
    • 直接写入HTML输出流
    • 对事件做出反应
    • 改变HTML内容
    • 改变HTML样式
    • 验证输入
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <!--
            <script type="text/javascript">表示在<script></script>之间的是文本类型(text),
            javascript是为了告诉浏览器里面的文本是属于JavaScript语言。
        -->
        <script type="text/javascript">
            function hitMe () {
                alert("Hello World");
            }
        </script>
    </head>
    <body>
        <p id="p1">我是第一段文字</p>
        <p id="p2">我是第二段文字</p>
        <!--
            点击按钮做出响应,触发方法
        -->
        <input type="button" value="点我" onclick="hitMe();" /><br />

        <script type="text/javascript">
            // 直接输出内容
            document.write("hello");

            // 改变HTML样式
            document.getElementById("p1").style.color="red";

            // 改变HTML内容
            document.getElementById("p2").innerHTML="<h1>我是改变过后的内容</h1>";
        </script>
    </body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_38216661/article/details/81878565
今日推荐