PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

JavaScript入门学习的经验分享

黄舟
黄舟 原创
2017-07-31 10:26:04 995浏览

JavaScript简称js,是一门用于web页面的编程语音;现在用的也十分普遍,回想大学的时候学校发了一本javascript的教材,一看厚厚的一本着实吓了一跳。不过随着学习和深入,发现这门技术也不是那么难,反二很强大和灵活易学。

JavaScript 是脚本语言

JavaScript 是一种轻量级的编程语言。

JavaScript 是可插入 HTML 页面的编程代码。

JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。

JavaScript 很容易学习。

~3MRIJ0B`ZXC{30U~%8SNI5.png

推荐学习JavaScript 入门教程

1.JavaScript 用法

<script> 标签 如需在 HTML 页面中插入 JavaScript,请使用 <script> 标签。

<script> 和 </script> 会告诉 JavaScript 在何处开始和结束。

<script> 和 </script> 之间的代码行包含了 JavaScript:

<script>
alert("我的第一个 JavaScript");
</script>

课程链接://m.sbmmt.com/code/3511.html


2.JavaScript 语法

<body>
<p id="demo"></p>
<script>
    document.getElementById("demo").innerHTML = 123e5;
</script>
</body>

课程链接://m.sbmmt.com/code/3527.html


3.JavaScript 数据类型

<script>
 var carname1="我是双引号";
 var carname2='我是单引号';
 var answer1="这是正常的";
 var answer2="我的名字是 'Johnny'";
 var answer3='我的名字是 "Johnny"';
 document.write(carname1 + "<br>")
 document.write(carname2 + "<br>")
 document.write(answer1 + "<br>")
 document.write(answer2 + "<br>")
 document.write(answer3 + "<br>")
</script>

课程链接://m.sbmmt.com/code/3560.html

4. JavaScript 对象

<body>
<p>创建 JavaScript 对象。</p>
<p id="demo"></p>
<script>
    var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
    document.getElementById("demo").innerHTML =
            person.firstName + " 现在 " + person.age + " 岁.";
</script>
</body>

课程链接://m.sbmmt.com/code/3575.html

5.JavaScript 运算符:算术运算符、赋值运算符、字符串的 + 运算符等

<body>
<p>点击按钮计算 x 的值.</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction()
{
y=5;
z=2;
x=y+z;
document.getElementById("demo").innerHTML=x;
}
</script>
</body>

课程链接://m.sbmmt.com/code/3597.html

6.JavaScript 条件语句:If 语句、If...else 语句、If...else if...else 语句

<body>
<p>如果时间早于 20:00,会获得问候 "Good day"。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
    function myFunction(){
        var x="";
        var time=new Date().getHours();
        if (time<20){
            x="Good day";
        }
        document.getElementById("demo").innerHTML=x;
    }
</script>
</body>

课程链接://m.sbmmt.com/code/3600.html

7.JavaScript 函数定义

<body>
<p>本例调用的函数会执行一个计算,然后返回结果:</p>
<p id="demo"></p>
<script>
    function myFunction(a,b){
        return a*b;
    }
    document.getElementById("demo").innerHTML=myFunction(4,3);
</script>
</body>

课程链接://m.sbmmt.com/code/3643.html

8.学习看JavaScript手册

JavaScript 的功能点和知识点确实比较多,学习的话就按手册一个一个的学习,最好每个都过一遍,指不定以后就用到了对应的东西。

以上就是JavaScript入门学习的经验分享的详细内容,更多请关注php中文网其它相关文章!

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。