JavaScript入门学习的经验分享-js教程-PHP中文网

JavaScript入门学习的经验分享

黄舟

发布： 2017-07-31 10:26:04

原创

1607人浏览过

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

JavaScript 是脚本语言

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

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

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

立即学习“Java免费学习笔记（深入）”；

JavaScript 很容易学习。

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

推荐学习JavaScript 入门教程

1.JavaScript 用法

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

登录后复制

课程链接：http://www.php.cn/code/3511.html

2.JavaScript 语法

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

登录后复制

课程链接：http://www.php.cn/code/3527.html

在路上App项目源码

在路上是一款旅游型的APP，是集旅游旅游目的地攻略指南，可以自动定位到城市，景点，餐馆，酒店，还可以分享旅游经验，与参与者互动。架构合理，有详细的注解。很好的学习材料。

896

查看详情

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>

登录后复制

课程链接：http://www.php.cn/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>

登录后复制

课程链接：http://www.php.cn/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>

登录后复制

课程链接：http://www.php.cn/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>

登录后复制

课程链接：http://www.php.cn/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>

登录后复制

课程链接：http://www.php.cn/code/3643.html

8.学习看JavaScript手册。

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

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