首页 > 代码库 > JavaScript基础

JavaScript基础

2024-10-18 00:05:40   211人阅读

现在补一下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("我是一个ｌｏｇ你不信就算了！！！");

            向浏览器控制台里面输出一句话，作用是用来进行代码的调试。

　（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基础


联系
我们