zoukankan      html  css  js  c++  java
  • javascript简介

    1.简介
    JavaScript(Java脚本)是一种基于对象(Object)和事件驱动( Event Driven)并具有安全性能的脚本语言,使用JavaScript可以轻松的实现与HTML的互操作,并且完成丰富的页面交互效果,它是通过嵌入或调入在标准的HTML语言中实现的,它的出现弥补了HTML的缺陷,是java与HTML折衷的选择。

    基于对象:

    指的是程序的内部已经为用户提供好了若干个对象,用户直接使用这些对象即可。

    面向对象:

    java属于面向对象的语言,面向对象是指用户自己定义类,对象需要用户自己产生。

    java与JavaScript的关系:

    没有半毛钱关系。hahah.....

    2.javaScript使用
    只需要编写script元素即可。

    <!doctype html>
    <html lang="en">
     <head>
      <script type="text/javascript">
    alert("Hello World!!!");
      </script>
     </head>
     <body>
       <script type="text/javascript">
    alert("check!!");
      </script> 
     </body>

    </html>

    javaScript的代码都是顺序执行的。

    如果希望控制在页面中显示:

    <!doctype html>
    <html lang="en">
     <head>
      <script type="text/javascript">
    document.write("<h1>hello world</h1>");
      </script>
     </head>
     <body>
     </body>

    </html>

    如果所有的代码都在HTML中编写,那么JavaScrip会过长。一般在开发中使用*.js文件保存javaScript代码,用的时候导入即可。

    hello.js内容:document.write("<h1>hello world</h1>");

      <script type="text/javascript" src="hello.js">

      </script>

    2.1 变量的使用
    使用var定义一个javaScript变量,变量的具体类型由所赋的内容来决定。

      <script type="text/javascript">
    var num = 10;
    var str = "devin";
    alert("整型:" +num + ",字符串:" + str);

      </script>

    当然,不使用var关键字也可以:

      <script type="text/javascript">
    num = 10;
    str = "devin";
    alert("整型:" +num + ",字符串:" + str);

      </script>

    2.2 顺序、分支、循环
      <script type="text/javascript">
    str = "devin";
    if( str == "devin"){
    alert("内容符合!");
    }else{
    alert("内容不符!");
    }

      </script>

    在java中,双等号==是不能判断字符串相等的,而在javaScript中没有此限制。

      <script type="text/javascript">
    document.write("<table border = "1">");
    for(i = 1; i <= 9; i++){
    document.write("<tr>");
    for(j=1; j<=9; j++){
    if(j<=i){
    document.write("<td>"+i + "*" + j + "=" +i*j+"</td>");
    }else{
    document.write("<td>&nbsp;</td>");
    }
    }
    document.write("</tr>");
    }
    document.write("</table>");

      </script>

    2.3 函数
    javaScript中所有的函数都是function关键字定义的。

    function 函数名(参数列表){
        [return 返回值]

    }    

    <script type="text/javascript">
    function fun(){
    var arr = new Array(3);
    for(i=0; i<arr.length; i++){
    arr[i]=i
    }
    var str = "数组内容:";
    for(i=0; i<arr.length; i++){
    str+=arr[i]+"、";
    }
    return str;
    }
    alert(fun());

    </script>

    javaScript中所有的数组是通过Array完成操作的。以上操作中为数组的动态初始化,静态初始化如下:

    <script type="text/javascript">
    function fun(){
    var arr = new Array("You","And","Me");
    var str = "数组内容:";
    for(i = 0; i<arr.length; i++){
    str += arr[i] + "、";
    }
    return str;
    }
    alert(fun());

    </script>

    函数中有参数列表的情况如下:

    <script type="text/javascript">
    function add(a,b,c){
    return a+b+c;
    }
    alert(add(1,2,3));
    </script>

  • 相关阅读:
    Chrome DevTools(开发者工具) 全攻略
    vue中使用echarts实现疫情地图
    VUE项目在IE上控台报错,无法进入项目或无法页面跳转
    <script>标签的属性
    CSS实现网页变灰的效果
    HTTP之缓存命中
    HTTP之缓存处理步骤
    HTTP之Web服务器是如何进行工作的!
    HTTP之URL的快捷方式
    HTTP之URL的组成部分
  • 原文地址:https://www.cnblogs.com/Nick7/p/10780459.html
Copyright © 2011-2022 走看看