JavaScript基础
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript基础相关的知识,希望对你有一定的参考价值。
现在补一下html5+CSS3+javascript要学到什么程度
Html: 掌握所有标签的使用,和标签的语意
CSS:掌握掌握页面常见的布局,以及属性的使用。拿到一个页面以后有自己独立完成这个界面的思路
JavaScript: 变量的使用,数据类型,if判断,循环语句。
好吧下面让我开始我的学习LiveScript之旅吧!
1.JavaScript变量 var
2.Hello JavaScript
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"></style> <script type="text/javascript"> alert("Hello JavaScript!"); </script> </head> <body> </body> </html>
3.JavaScript的整体感知:
(1).代码的存放位置:
如果没有style带么放在title标签下面,有的话就放在style下面。
还可以放在body里面。
4.
(1)弹出提示框: alter("Hello javascrit!");
浏览器出现弹框,页面位置不能改变和关闭。其实浏览器的进程已经被暂停。
(2)console.log("我是一个log你不信就算了!!!");
向浏览器控制台里面输出一句话,作用是用来进行代码的调试。
(3)弹出框的输入框 +提示文本
prompt("请输入您的姓名");
5.(1)JavaScript代码的书写格式:
<script type="text/javascript"> 代码块。 </script>
(2)javascript对空换行和缩进是没影响的
(3)代码规范格式:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"></style> <script type="text/javascript"> alert("Hello JavaScript!"); </script> </head> <body> </body> </html>
(4)javascript的执行顺序:
从上到下,从左到右.
(5)javascript中的注释:
// 注释一行代码
/* */ 注释多行代码
(6)每条语句在写的时候最好加;号和换行。
6.开发人员工具的使用:
(1)打开浏览器右键审查元素、直接F12也可以:
7.数据类型
(1)字符串
特点: 用引号引起来的文本。(引号可以是单引号也可以是双引号)
8.直接量
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> alert("123"); alert(123); //直接量 alert("abc"); </script> </head> <body> </body> </html>
未完待续
以上是关于JavaScript基础的主要内容,如果未能解决你的问题,请参考以下文章