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基础的主要内容,如果未能解决你的问题,请参考以下文章

30秒就能看懂的JavaScript 代码片段

Yarn: 一个新的JavaScript模块管理器

常用Javascript代码片段集锦

48个值得掌握的JavaScript代码片段(上)

如何将此 JavaScript 代码片段翻译成 Parenscript?

javascript 代码片段