JavaScript基础知识

陌上花 2017-11-03 00:17:12

分类： JavaScript 3162 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>

    <body>
        <script type="text/javascript">
        //这里编写JavaScript程序
        </script>
       <!--         
       文件调用：JavaScript代码写到另一个文件当中（其后缀通常为“.js”），然后用格式为“<script src="javascript.js"></script>”的标记把它嵌入到文档中
       -->
        <script src="js1.js" type="text/javascript" charset="utf-8"></script>
    </body>
        <script type="text/javascript">
        //这里编写JavaScript程序
        </script>
</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>

JavaScript基础知识

Javascript语法规范

写一个简单的JavaScript程序。

共 10 条评论关于 “JavaScript基础知识”