JavaScript的快速简单入门

最新推荐文章于 2024-07-22 15:13:59 发布

广目无双王

最新推荐文章于 2024-07-22 15:13:59 发布

阅读量177

点赞数

文章标签： javascript js html

本文链接：https://blog.csdn.net/JJ_only_love_SS/article/details/107832106

版权

概念：
一门客户端脚本语言运行在客户端浏览器中的。每一个浏览器都有JavaScript的解析引擎

脚本语言：不需要编译，直接就可以被浏览器解析执行了

功能：
可以来增强用户和html页面的交互过程，可以来控制html元素，让页面有一些动态的效果，增强用户的体验。

1_JS与html结合方式

<head>
    <meta charset="UTF-8">
    <title >Title</title>
    <!--
       内部JS
       外部JS
   -->
    <script>
        alert("Hello World");
    </script>
    <script src="js/a.js"></script>
    /* <script>可以定义在html页面的任何地方。但是定义的位置会影响执行顺序。
<script>可以定义多个。*/
</head>
<body>
<input type="text">
</body>

2_JS变量

<head>
    <meta charset="UTF-8">
    <title>变量</title>

    <script >

        //定义变量
       /* var a  = 3;
        alert(a);

        a = "abc";
        alert(a);*/

       //定义number类型

        var num = 1;
        var num2 = 1.2;
        var num3 = NaN;

        //输出到页面上
        document.write(num+"<br>");
        document.write(num2+"<br>");
        document.write(num3+"<br>");
         //输出到页面上,typeof判断是什么类型的数据
        document.write(num+"---"+typeof(num)+"<br>");
        document.write(num2+"---"+typeof(num2)+"<br>");
        document.write(num3+"---"+typeof(num3)+"<br>");
        //定义string类型

        var str = "abc";
        var str2 = 'edf';
        document.write(str+"<br>");
        document.write(str2+"<br>");

        //定义boolean
        var flag = true;
        document.write(flag+"<br>");

        // 定义null,undefined
        var obj = null;
        var obj2 = undefined;
        var obj3 ;
        document.write(obj+"<br>");
        document.write(obj2+"<br>");
        document.write(obj3+"<br>");
    </script>
</head>
<body>

</body>

运算符. 一元运算符：只有一个运算数的运算符
++，-- ， +(正号)
++ --: 自增(自减)
++(–) 在前，先自增(自减)，再运算
++(–) 在后，先运算，再自增(自减)
注意：在JS中，如果运算数不是运算符所要求的类型，那么js引擎会自动的将运算数进行类型转换
string转number：按照字面值转换。如果字面值不是数字，则转为NaN（不是数字的数字）
boolean转number：true转为1，false转为0
2. 算数运算符
+ - * / % …
3. 赋值运算符
= += -+…
4. 比较运算符
> < >= <= == ===(全等于)
比较方式
1. 类型相同：直接比较
字符串：按照字典顺序比较。按位逐一比较，直到得出大小为止。
2. 类型不同：先进行类型转换，再比较
===：全等于。在比较之前，先判断类型，如果类型不一样，则直接返回false
5. 逻辑运算符
&& || !
6. 三元运算符
? : 表达式
var c = a > b ? 1:0;
还有一些控制流程语句像while,if…else…,for,switch(){case:…} 和Javase是一样的就不赘述了.重点是接下来的Function对象
Function对象
Function：函数(方法)对象
创建：
1. var fun = new Function(形式参数列表,方法体); 不建议使用
2. function 方法名称(形式参数列表){
方法体
}
3. var 方法名 = function(形式参数列表){
方法体
}

var fun1 = new Function("a","b","c","alert(a);");
 
  function fun2(a , b){
            alert(a + b);
        }
        fun2(3,4);
        
 var fun3 = function(a,b){
            alert(a+b);
        }
        fun3(3,4);

还有一些js对象平时用不到也不赘述了仅供参考

广目无双王

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript的快速简单入门

概念：一门客户端脚本语言运行在客户端浏览器中的。每一个浏览器都有JavaScript的解析引擎脚本语言：不需要编译，直接就可以被浏览器解析执行了功能：可以来增强用户和html页面的交互过程，可以来控制html元素，让页面有一些动态的效果，增强用户的体验。1_JS与html结合方式<head> <meta charset="UTF-8"> <title >Title</title> <!-- 内部JS
复制链接

扫一扫