作者: sophies | 来源:发表于2016-09-26 20:04 被阅读60次

    一、JS代码插入方法

    1.使用<script></script>标签在html网页文档中插入javascript代码。

    <script type="text/javascript">表示在之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于JavaScript语言。

    2.引用js外部文件

    步骤:

    在html文档中插入<script type="text/javascript" src="javascript.js"></script>

    在javascrinpt.js文件中,写入alert("js代码");

    二、JS在页面中的位置

            我们可以将JavaScript代码放在html文件中任何位置,但是我们一般放在网页的head或者body部分。

    1.放在<head>部分

    最常用的方式是在页面中head部分放置<script>元素,浏览器解析head部分就会执行这个代码,然后才解析页面的其余部分。元素,浏览器解析head部分就会执行这个代码,然后才解析页面的其余部分。

    2.放在<body>部分

    JavaScript代码在网页读取到该语句的时候就会执行。

    注意:javascript作为一种脚本语言可以放在html页面中任何位置,但是浏览器解释html时是按先后顺序的,所以前面的script就先被执行。比如进行页面显示初始化的js必须放在head里面,因为初始化都要求提前进行(如给页面body设置css等);而如果是通过事件调用执行的function那么对位置没什么要求的。

    三、语句和符号

    javascript代码格式,语法如下:

    <script  type="text/javascript">

     alert("hello");//一个js语句

    document.write("I");//js语句

    document.write("LOVE");//js语句

    document.write("JAVASCRIPT");//js语句

    </script>

    四、JS注释

    单行注释,在注释内容前加符号 “//”

    多行注释以"/*"开始,以"*/"结束。

    五、JS变量

    定义变量使用关键字var,语法如下:

    var 变量名

    变量名可以任意取名,但要遵循命名规则:

    1.变量必须使用字母、下划线(_)或者美元符($)开始。

    2.然后可以使用任意多个英文字母、数字、下划线(_)或者美元符($)组成。

    3.不能使用JavaScript关键词与JavaScript保留字。

    变量要先声明再赋值,如下:

    var mychar;

    mychar="javascript";

    var mynumber=6;

    变量可以重复赋值,如下:

    var mychar;

    mychar="javascript";

    mychar="hello";

    注意:

    1. 在JS中区分大小写,如变量mychar与myChar是不一样的,表示是两个变量。

    2. 变量虽然也可以不声明,直接使用,但不规范,需要先声明,后使用。

    六、判断语句

    例程代码:

    <script type="text/javascript">

    var myage=18;

    if(myage>18)  //判断条件

    {document.write("你是成年人");}

    else

    {document.write("你不是成年人");}

    </script>

    七、函数

    函数的定义:

    函数是完成某个特定功能的一组语句。如没有函数,完成任务可能需要五行、十行、甚至更多的代码。这时我们就可以把完成特定功能的代码块放到一个函数里,直接调用这个函数,就省重复输入大量代码的麻烦。

    定义函数的语法:

    function 函数名()

    {

           函数代码;

    }

    例程代码:

    1. function定义函数的关键字。

    2. "函数名"你为函数取的名字。

    3. "函数代码"替换为完成特定功能的代码。

    相关文章

      网友评论

          本文标题:

          本文链接:https://www.haomeiwen.com/subject/zgefyttx.html