[武汉|结业弟子]JS-万晶|2020年02月09日的日报-技能树.IT修真院

发表于： 2020-02-09 23:04:40

1 1331

今天完成的事情：继续学习了js关于作用域，事件，字符串，运算符等知识
明天计划的事情：继续任务
遇到的问题：内容不熟练记不牢需要加强练习
收获：今天学了一下js的基本知识，作用域是可访问变量的集合。

例如局部作用域

<p>局部变量在声明的函数外不可以访问。</p>
    <p id="demo"></p>
    <script>
    myFunction();
    document.getElementById("demo").innerHTML = "carName 的类型是：" +  typeof carName;
    function myFunction() 
    {
        var carName = "Volvo";
    }
    </script>

运行结果

还有全局变量，例如

<p>全局变量在任何脚本和函数内均可访问。</p>
    <p id="demo"></p>
    <script>
    var carName = "Volvo";
    myFunction();
    function myFunction() 
    {
        document.getElementById("demo").innerHTML =
            "我可以显示 " + carName;
    }
    </script>

运行出来

事件是指HTML 事件是发生在 HTML 元素上的事情。

当在 HTML 页面中使用 JavaScript 时， JavaScript 可以触发这些事件。

例如

 <button onclick="getElementById('demo').innerHTML=Date()">现在的时间是?</button>
    <p id="demo"></p>
    

运行结果

点击

这是一个简单的onclick事件

JavaScript 字符串用于存储和处理文本。

<p id="demo"></p>
<script>
var x = 'It\'s alright';
var y = "He is called \"Johnny\"";
document.getElementById("demo").innerHTML = x + "<br>" + y; 
</script>

这是一个简单的字符串，运行结果

运算符有多种，常用的+，=，--，*，/，%，-。++等等

例如

<p>点击按钮创建及增加字符串变量。</p>
    <button onclick="myFunction()">点击这里</button>
    <p id="demo"></p>
    <script>
    function myFunction()
    {
        txt1="What a very";
        txt2="nice day";
        txt3=txt1+txt2;
        document.getElementById("demo").innerHTML=txt3;
    }
    </script>