JS 入门

Posted potato~~

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS 入门相关的知识,希望对你有一定的参考价值。

1、什么叫“脚本语言”?

脚本语言是由传统编程语言简化而来的语言,它与传统编程语言有很多相似之处,也有不同之处。脚本语言最显著的特点是:

  • (1)它不需要编译成二进制,以文本形式存在;
  • (2)脚本语言一般都需要其他语言的调用执行,不能独立运行。

2、JavaScript和jQuery是什么关系呢?

我们经常说javascript有很多框架,例如什么ExtJS、Dojo、YUI、jQuery等。其实jQuery就是JavaScript的框架之一。不过jQuery现在可是全球最流行的JavaScript框架。简单点来说,jQuery就是JavaScript的简化版,它是使用JavaScript编写的,本质还是JavaScript。原生的JavaScript需要编写大量代码,而jQuery简化了JavaScript中很多复杂的代码,使得开发者更加容易使用。

3、JavaScript是一门简单的语言吗?

尽管JavaScript是一门比较容易入门的语言,一些非程序人员都可以很容易使用JavaScript进行编程。但是JavaScript却是一门具有非常丰富特性的语言,它有着和其他编程语言一样的复杂性,或更复杂。实际上,编写一些复杂的JavaScript程序,就需要对JavaScript有扎实的理解。

 JavaScript是严格区分大小写的!!!!

 4. 自增 自减

i++  使用i之后,使i的值增加1.例如 i=1 j=i++ 输出为j=1 i=2.

++i  使用i之前,使i的值曾加1.例如:i=1 j=++i  输出为j=2 i=2 

5.类型转换

 parseInt() 将字符串型转换为整型,**这里的字符串只能为数值型字符串

 parseFloat() 将字符串型转换为浮点型

.toString()  数值型转换为字符型  

循环语句中,break是彻底结束循环,continue是结束本次循环。

 

 《《函数》》 

1.什么是函数?

A: 函数就是一系列JS语句的集合,为了完成某一个会重复使用的特定功能。匿名函数  指定函数名的函数(形参  实参)。

2.函数调用?

A:一般调用  表达式中调用 事件响应中调用 通过链接调用(如:

 

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        function mes()
        {
            alert("她:我爱helicopter。\\n我:oh~my,= =?!");
        }
    </script>
</head>
<body>
    <a href="javascript:mes()">表白对话</a>
</body>
</html>

 

    (tipssss:可以使用转义字符\\n来使alert中的文本换行)

3.嵌套函数

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<label>第一个数是:<input type="text" id="num1"/></label><br/>
<label>第二个数是:<input type="text" id="num2"/></label><br/>
<button onclick="maxNum()">计算最大数</button>
<br/>
输入的数字是:<input type="text" id="num"><br/>
<input type="button" onclick="strNum()" value="提交"/>

<script type="text/javascript">
    function fun(a) {
        function multi(x) {
            console.log(x*x); //**!这里要注意若要是在return之后打印,就会报错,因为return之后这个函数就执行完毕了。
            return x*x;

        }

        var m=1;
        for(var i=1;i<=multi(a);i++){
            console.log(a);
            m=m*i;
        }
        console.log(m);
        return m;
    }
    document.write("<br/>");
    document.write(fun(2));
    document.write("<br/>");
    document.write(fun(3));

    //练习2:计算两个数中的最大数
function maxNum() {
    var num1 = document.getElementById("num1").value;
    var num2 = document.getElementById("num2").value;
    //强制转换为数值型
    num1 = parseFloat(num1);
    num2 = parseFloat(num2);
    if (num1 > num2) {
        alert("最大数是" + num1)
    } else {
        alert("最大数是" + num2)
    }
}

//练习3:给数字中间加入空格
    function strNum(){
        var s=document.getElementById("num").value;
        var s1=" ";
        for(var i=0;i<s.length;i++){
          if(i!=s.length-1){
              s1+=s.charAt(i)+" ";
          }else{
              s1+=s.charAt(i);
          }
        }
        alert(s1);
    }
</script>
</body>
</html>

 

  

 

以上是关于JS 入门的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段——JS中的面向对象编程

VSCode自定义代码片段9——JS中的面向对象编程

js代码片段: utils/lcoalStorage/cookie

JS代码片段:一个日期离现在多久了

js常用代码片段(更新中)

js常用代码片段