DRP之JavaScript基础整理

来源：互联网发布：海康ntp服务器地址端口编辑：程序博客网时间：2024/05/23 22:13

DRP之JavaScript基础整理

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

进行一些学习的小结。

JavaScript是什么？

简单例子：

  <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>

显示效果：

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>效果：

JavaScript和java对比：

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

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

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

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

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

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

0 0