JavaScript基础知识

2017/11/3 00:17:12Chixm15 阅读0 点赞10 评论

Javascript语法规范

既然要实现静态HTML页面的某些动态效果,就要引入JavaScript。书写之前至少要了解怎样在HTML页面中引入JavaScript。这样才能知道在哪编程Javascript了! Javascript 书写位置 JavaScript的引用共有4种,与css类似,直接嵌入到html页面中 1,页头引入(head标签内); 2,页中引入(body标签内); 2,页尾引入(html标签内以及标签外); 3,元素事件中引入(标签属性中引入); 4,引入外部JS文件; 例如:
<!DOCTYPE html>
<html>
        <!--
            脚本放置位置问题:
            理论上,可以将javascript代码放在网页的任何地方.
            如果在打开网页要立即执行脚本的话,需要放到调用它的代码之前
            对于不需要一载入页面就开始执行的javascriptdiamante,可以将器放在head中,这样一般是某个事件函数,当事件触发的时候就会执行.
            根据javascript dom编程艺术书中说法,放在body结束标签和html结束标签之间,是一个不错的做法,因为javascript往往是操作DOM树,
            这样可以确保在javascript开始执行的时候,DOM树加载完毕。
        -->
    <head>
        <meta charset="utf-8" />
        <title>javascript的引用方式</title>
<!--
<script type="text/javascript">……</script>格式是固定的,JavaScript代码必须在<script></script>标签内编写,并且必须设置type属性值为“text/javascript”。
-->
        <script type="text/javascript">
        //这里编写JavaScript程序
        </script>
    </head>
&lt;body&gt;
    &lt;script type=&quot;text/javascript&quot;&gt;
    //这里编写JavaScript程序
    &lt;/script&gt;
   &lt;!--         
   文件调用:JavaScript代码写到另一个文件当中(其后缀通常为“.js”),然后用格式为“&lt;script src=&quot;javascript.js&quot;&gt;&lt;/script&gt;”的标记把它嵌入到文档中
   --&gt;
    &lt;script src=&quot;js1.js&quot; type=&quot;text/javascript&quot; charset=&quot;utf-8&quot;&gt;&lt;/script&gt;
&lt;/body&gt;
    &lt;script type=&quot;text/javascript&quot;&gt;
    //这里编写JavaScript程序
    &lt;/script&gt;

</html>


JavaScript的转义字符及注释

\" :转双引 \' :转单引 \n :转换行(不常用) \r :转回车(不常用) // :单行注释 /* */ :多行注释

写一个简单的JavaScript程序。

程序永远的Hello, world

<script type="text/javascript">
    document.write("Hello, world");
</script>
简单的JavaScript程序

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>一个简单的javascript程序</title>
    <script type="text/javascript">
        function entermes()
        {
            alert("你好!Xiaomo blog")
        }
        window.onload=entermes();
    </script>
</head>
<body>
    
</body>
</html>

评论区

  • 轩陌#5
    轩陌2017/11/10 13:43:12

    哎呀,那么多流量哇,不错不错

    上海macOSChrome

    • xiaomo#1
      xiaomo2017/11/10 20:16:51
      @轩陌

      大佬晚上好啊 [saorao]

      广西WindowsFirefox

  • Wendy#4
    Wendy2017/11/7 13:11:24

    [haobang] 加油加油.一直在暗中监视你 [doge]

    广东省WindowsChrome

    • xiaomo#1
      xiaomo2017/11/7 21:11:36
      @Wendy

      [bizui]

      广西WindowsFirefox

  • c0smxsec#3
    c0smxsec2017/11/5 00:18:07

    几天不见大佬博客头变大了hhhh

    河北省LinuxChrome

    • xiaomo#1
      xiaomo2017/11/5 18:56:06
      @c0smxsec

      大佬还算不上 [qiaoda]

      广西WindowsFirefox

  • 晨曦啊#2
    晨曦啊2017/11/4 19:56:03

    [jie] alert(“大佬厉害厉害”)

    四川省WindowsChrome

    • xiaomo#1
      xiaomo2017/11/4 20:22:53
      @晨曦啊

      console.log(“刚入门的菜鸟啦”) [qiaoda]

      广西WindowsFirefox

  • godaddy#1
    godaddy2017/11/4 13:34:01

    朋友 交换链接吗

    江苏省WindowsChrome

    • xiaomo#1
      xiaomo2017/11/4 20:19:52
      @godaddy

      抱歉啊,贵站内容不符合要求,请谅解 [weixiao]

      广西WindowsFirefox