欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

JavaScript入门学习的经验分享

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

JavaScript 是脚本语言

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

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

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

JavaScript 很容易学习。

JavaScript入门学习的经验分享

推荐学习JavaScript 入门教程

1.JavaScript 用法

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

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

<script> 和 </script> 之间的代码行包含了 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


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入门学习的经验分享的详细内容,更多请关注其它相关文章!