JavaScript简称js,是一门用于web页面的编程语音;现在用的也十分普遍,回想大学的时候学校发了一本javascript的教材,一看厚厚的一本着实吓了一跳。不过随着学习和深入,发现这门技术也不是那么难,反二很强大和灵活易学。
JavaScript 是脚本语言
JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。
JavaScript 很容易学习。
推荐学习JavaScript 入门教程
1.JavaScript 用法
<script> 标签 如需在 HTML 页面中插入 JavaScript,请使用 <script> 标签。</p> <p><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入门学习的经验分享的详细内容。更多信息请关注PHP中文网其他相关文章!