zoukankan      html  css  js  c++  java
  • 1、初识JavaScript

    前端之 JavaScript


    1、存在方式。


    <!-- 导入javascript脚本方法 -->
    <script type="text/javascript" src="t1.js "></script>

    <!-- 直接在html内部编写javascript, 一般会在在body 标签的下部分。 -->
    <script type="text/javascript">
    function func() {
    alert("Hello Shuaige")
    }
    </script>
      

    2、javascript代码块位置

           放在<body>标签内的代码底部 , 正常来说当有一个请求过来时候会把js&css一起发送过去,咱们按照最low的方式理解的话可以这么理解:

          如果js文件或者js耗时比较久的话,下面的html代码就无法执行了。


    3、变量和函数的声明

    3.1、变量:

    <body>

    <
    script type="text/javascript">

    function m1() {
    alert("this is a ce-shi");
    var name = 'tianshuai'; // var 变量名 ,变量名前面加 var为局部变量
    age = '18'; // 注这里需要注意,建议使用的时候一般不要使用全局变量!
    //
    否则如果代码量比较大的//时候容易出现调用混乱的问题}
    }
    m1()

    </
    script>
    </
    body>



    3.3、js 的展示方法有两种

    3.3.1、通过网页来展示


    <script type="text/javascript">
    function f1() {
    alert("hello shuai ge")
    }
    f1()
    </script>

    显示效果如下:



    3.3.3、通过console来展示。


    <script type="text/javascript">
    function f1() {
    console.log("Hello shuaige ")
    }
    f1()
    </
    script>

    显示效果如下:

    打开google chrome F12点击 "Console",刷新页面!




    >> JavaScript中代码注释:

    •单行 //

    •多行 /*  */


    注意:此注释仅在Script块中生效。

















    GitHub:https://github.com/ju-do-it
    个人博客:https://zhangju.lookdoc.cn
    博客园:https://www.cnblogs.com/zhangju
    Copyright ©2020 Ju-do-it
    【转载文章务必保留出处和署名,谢谢!】
  • 相关阅读:
    个人网站第一期完成
    nodebb在阿里云主机部署过程
    mongoengine教程1
    quick cocos 的scheduler 定时器
    cocos2dx调度器scheduler
    Cocos2d-x中Vector使用
    Google分布式系统三驾马车: GFS,mapreduce,Bigtable
    Linux使用记
    Eclipse快捷键总结
    详解iOS App生命周期(转)
  • 原文地址:https://www.cnblogs.com/zhangju/p/5789812.html
Copyright © 2011-2022 走看看