DRP之JavaScript基础整理



DRP之JavaScript基础整理




      JavaScript在bs阶段就有一个比较完整、系统的学习,在drp中这里又进行了一些复习,小编在这里结合教学内容

进行一些学习的小结。



 


JavaScript是什么?


  DRP之JavaScript基础整理_第1张图片


简单例子:

  <html>
 <head>
   <script language="javascript">
   alert("Hello World") //同css一样,js可以单独放到一个文本中,单引号和双引号一样
alert("用户名非法,请检查!")
   </script>
 </head>
</html>



<html>
 <head>
 </head>
   <body>
     <input type="button" value="登录" onclick="alert('用户名非法,请检查!');">
   </body> 
</html>



能干什么?优缺点?

   1 Html是静态,js是一种解释型动态脚本语言

   

   2 主要用来想html页面添加交互行为

   

   3 可以之间嵌入html页面,也可以单独js 文件,这样有利于结构和行为分离。

   

   4 支持跨平台性,在大部分浏览器、平台下都能运行。

   

   5 查找html,通过Id,标签名,类名找到html元素。

   

   6 DOM事件一般onclick鼠标点击时触发事件。

   

   7 JavaScript严格区分大小写

   

    8 JavaScript代码必须以分号介绍,但作为属性值的JavaScript可以不用分号结束。



注释:单行注释用//, 双行注释/*这是多行注释*/

    1 ,关于JavaScript调试,最好将浏览器的脚本通知打开

    2,最好设为每次访问页面是检查。



JS循环:

<script language="javascript">
  var i=0;
   do{
  alert(i);
   i++
  }while(i<5);
</script>


显示效果:


  DRP之JavaScript基础整理_第2张图片



Html自定义对象:


<script>
  function Person(){}
    var p=new Person();
    p.name="Daniel";
  p.age=23;
    alert(p.name+","+p.age);
</script>


 

                                     




内置对象:

<script language="javascript">
  var testArray1 = new Array(10);
  for (var i=0; i<testArray1.length; i++){
       testArray1[i]=i;
  }
  for(var i=0;i<testArray1.length; i++){
      document.write(testArray1[i]);
  }   
   
   //倒序排列
   //document.write("\n");
  //document.write("<br>"); //没有间隔的换行
   document.write("<p>");   //换行,还有一行间隔
   testArray1.reverse();
   for (var i=0;i<testArray1.length;i++){
        document.write(testArray1[i]);
   }
   document.write("<p>");
    
    //升序
    testArray1.sort();
    for (var i=0;i<testArray1.length;i++){
         document.write(testArray1[i]);
    }
   
    document.write("<p>") 
    //元素采用#号间隔输出
    var s="";
    for (var i=0;i<testArray1.length;i++){
      s+=testArray1[i] +"#";
    }
//输出方式一
    document.write(s.substring(0,s.length-1));
    document.write("<p>");

//输出方式二
    document.write(testArray1.join("#"));
 
 </script>


                   


 


DOM编程


 <html>
  <head>
    <script >
     function showUserInfo(){
        //alert ("hello");
        alert(document.getElementById("username").value);
      }
 </script>
  </head>
  <body>
     用户:<input type="text" name="username" id="username"> <br>
     <input type="button" value="保存" onClick=" showUserInfo()" >
  </body>
</html>
效果:
 


           DRP之JavaScript基础整理_第3张图片



 



JavaScript和java对比

       在看到javascript的时候,我就想,这和java到底有什么关系呢? Java 是JavaScript的子类吗?


   事实并不是如此,首先,Java语言是SUN Microsystems公司的产品,而JavaScript是Netscape公司的产品。


   其次,在功能两种语言也有不小的差异:java在客户端的运行应用程序叫java Applet,是嵌入在网页中,而又有

自己独立的运行窗口的小程序。Java Applet是预先编译好的,一个Applet(.class)如果用Notepad打开,是理解不

了的。但它的功能很强大,可以访问http,ftp等协议,甚至可以在电脑上种病毒。

   

  JavaScript只是一种脚本语言,把代码写到html中,浏览器读取它是才进行编译、执行,它没有独立的运行窗口。





你可能感兴趣的:(JavaScript,java,html,dom,drp)